Vuejs Library CLI v3排除?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (2079)

我正在使用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不会让它编译。它在第一次之后停止编译。
提问于
用户回答回答于

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",
    "chart.js": "Chart",
    lodash: "lodash",
    jquery: "jQuery",
    nouislider: "noUiSlider",
    "popper.js": "popper.js",
    vue: "Vue"
  };
}

module.exports = {
  configureWebpack: {
    externals: process.env.NODE_ENV === 'production' ?
      getProdExternals() : {}
  }
}

扫码关注云+社区

领取腾讯云代金券