Question

尝试设置webpack.ProvidePlugin在Vue-cli 3上不起作用。我正在尝试将lodash设置为全局导入（因此不必将其导入每个商店模块中）。

vue.config

const webpack = require("webpack");

module.exports = {
  configureWebpack: {
    plugins: [new webpack.ProvidePlugin({ _: "lodash" })]
  }
};

构建错误：

Module Warning (from ./node_modules/eslint-loader/index.js):
error: '_' is not defined (no-undef) at src/store/modules/templates.js:24:10:
  22 | export default Object.assign({}, base, {
  23 |   namespaced: true,
> 24 |   state: _.cloneDeep(initialState),
     |          ^
  25 |   mutations: {
  26 |     addTemplate(state, template) {
  27 |       if (!template) throw new Error("template is missing");

添加此项目后，我已经建立了项目...

Answer 1

问题似乎与 Vue CLI 无关，而与 eslint 无关。请参见类似问题的此问题（只需将d3替换为_）：Webpack not including ProvidePlugins

简而言之，将其添加到您的 eslint 配置（通常在.eslintrc.js中找到）应该可以使其正常工作：

"globals": {
   "_": true
}

veu cli 3-ProvidePlugin不起作用（vue.config.js）

1 个答案: