当前位置： 移动技术网 > IT编程>开发语言>JavaScript > webpack 插件 ProvidePlugin 的使用方法和 eslint 配置

webpack 插件 ProvidePlugin 的使用方法和 eslint 配置

2019年10月14日  | 移动技术网IT编程  | 我要评论

provideplugin：自动加载模块，而不必到处 import 或 require 。

使用方法：

配置 webpack.config.js文件里 plugins 属性

new webpack.provideplugin({
  identifier: 'module-name',
  // ...etc
});

示例用法：

new webpack.provideplugin({
  '_': 'lodash'
});

配置完以后就可以在代码里直接使用 _ ，而不再需要 import

 注意：(如果不配置eslint，浏览器就会报错：'_' is not defined no-undef）

 配置 package.json 里 eslintconfig 属性（或者在.eslintrc.js文件里进行配置 全局变量 globals）

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

 

对于 es2015 模块的 default export，你必须指定模块的 default 属性：

new webpack.provideplugin({
  identifier: ['module-name', 'property'],
  // ...etc.
});

示例：

new webpack.provideplugin({
  vue: ['vue/dist/vue.esm.js', 'default']
});

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网