扫一扫下方二维码,关注本站官方公众号
回复:验证码
获取永久解锁本站全部文章的验证码

webpack 插件 ProvidePlugin 的使用方法和 eslint 配置-Go语言中文社区

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


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']
});

 

版权声明:本文来源博客园,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://www.cnblogs.com/jserhub/p/11671780.html
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2019-11-17 12:54
  • 阅读 ( 263 )
  • 分类:Go Web框架

0 条评论

请先 登录 后评论

官方社群