如何在 vue.config.js 中忽略 Vue CLI3 上的插件答案

【问题标题】：How to ignore plugin on Vue CLI3 in vue.congif.js如何在 vue.config.js 中忽略 Vue CLI3 上的插件
【发布时间】：2019-07-04 05:51:42
【问题描述】：

我正在使用 Vue cli3，并且想在 webpack 中忽略 moment.js 插件。这是规则，但在 vue.confing.js 上，无论我如何更改它都会出错。

  plugins: [
        new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
    ],

【问题讨论】：

"怎么改都会报错" ????什么错误？

标签： vue.js vue-cli

【解决方案1】：

您似乎正在尝试使用deprecated constructor。试试这个，不要忘记将webpack 导入到脚本中...

const webpack = require('webpack')

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.IgnorePlugin({
        resourceRegExp: /^\.\/locale$/,
        contextRegExp: /moment$/
      })
    ]
  }
}

【讨论】：

这正是我所需要的。这大大减少了我的捆绑包大小。您可以将此代码放在根 /app 目录中的 vue.config.js 文件中（例如，与 package.json 一起）。

【解决方案2】：

如果您想删除所有时刻，而不仅仅是 OP 似乎想要的语言环境，这里是所需的配置：

const webpack = require('webpack');

module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.IgnorePlugin({
                resourceRegExp: /moment$/
            }),
        ]
    }
};

【讨论】：

更好，谢谢！根本没有使用chartsjs的时刻。 1mb 轻量级。