javascript - 我如何告诉 Vue-cli 我的应用程序的入口点在哪里？

Question

我的应用分为 API 和 UI 部分。部署策略要求它们共享一个 package.json。文件结构看起来像

client/
       src/
           main.js
api/
package.json
vue.config.js

我正在使用标准的 vue-cli 脚本。

package.json

"scripts": {
  "serve:ui": "vue-cli-service serve",
  "build:ui": "vue-cli-service build",
  "lint:ui": "vue-cli-service lint",
  "test:unit": "vue-cli-service test:unit"
}

当我执行 npm run serve:ui 时，我得到了

This relative module was not found:

* ./src/main.js in multi ./node_modules/@vue/cli-service/node_modules/webpack-dev-server/client?http://10.0.2.15:8080/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.js

因此，我尝试根据 docs 修改 vue.config.json :

vue.config.js

const path = require('path');
module.exports = {
    entry: {
        app: './client/src/main.js'
    }
}

现在，我得到错误:

 ERROR  Invalid options in vue.config.js: "entry" is not allowed

我如何告诉 vue-cli 我的应用程序入口点在哪里？

Answer 1

我根据这个发现Github Issue您只能在命令行中传递自定义入口点。 build 和 serve 都是如此。另请参阅文档，a single block of code demonstrating this.

Usage: vue-cli-service serve [options] [entry]

我把脚本改成了

    "serve:ui": "vue-cli-service serve client/src/main.js",

现在它可以找到入口点了。