webpack全局使用模块

在webpack项目中，全局使用此插件，不需要import、require;

ProvidePlugin添加插件；alias添加别名；eslint添加自由变量；

vue.config.js

const webpack = require('webpack')
configureWebpack: {
    // webpack plugins
    plugins: [
      new webpack.ProvidePlugin({
        _: 'loadsh',
      }) 
    ], 
    resolve: {
      alias: {
        '@': resolve('src'),
        '_': 'loadsh'
      },
    },
  },

解决eslint报错

方案一 package.json

"eslintConfig": {
   ...
  "globals": {
    "_": true,
    // ...etc.
    // 注意package.json里不允许注释
  }
}

方案二 .eslintrc.js

module.exports = {
 ...
  "globals": {
    "_": true,
  },
}