vue cli 3 - ProvidePlugin не работает (vue.config.js)

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");

Я построил проект после добавления строк в vue.config, и они дали мне вышеупомянутую ошибку.

Answer 1

Проблема не в Vue CLI , а в eslint .См. Этот вопрос для аналогичной проблемы (просто замените d3 на _): Веб-пакет, не включающий ProvidePlugins

Короче говоря, добавьте это в свою конфигурацию eslint (часто встречается в .eslintrc.js) должно заставить его работать:

"globals": {
   "_": true
}