Question

我正在使用vuejs CLI版本3，并使用package.json中的此目标来构建我的库

vue-cli-service build --report-json --target lib --name components src/appup-components.js

该库使用了很多其他外部库，例如bootstrap-vue，axios和handlebars。

我的测试程序使用npm install导入了该库。

在建库时，建库速度很慢，大约需要2分钟。然后启动应用服务器又需要20到30秒。生产力受到打击。

问题 -我们可以排除在测试应用程序中导入的库吗？我尝试在

下添加到外部

configureWebpack: {
        externals: {
         }
    }

但不能编译

有没有一种方法可以将库保持在监视模式下。 --watch不允许其编译。第一次之后它将停止编译。

Answer 1

configureWebpack对象放入 vue.config.js 文件中。然后，在NODE_ENV上使用三进制，这样当您使用npm run serve启动应用程序时，依存关系仍然会注入。

请参见https://cli.vuejs.org/guide/webpack.html。

const webpack = require("webpack");

function getProdExternals() {
  return {
    axios: "axios",
    lodash: "lodash",
    jquery: "jQuery",
    vue: "Vue"
  };
}

module.exports = {
  configureWebpack: {
    externals: process.env.NODE_ENV === 'production' ?
      getProdExternals() : {}
  }
}

Vuejs库CLI v3排除

1 个答案: