Question

Vuejs 库 CLI v3 排除

2018-07-28

3531

vue.js vuejs2 vue-component

我正在使用 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() : {}
  }
}