webpack学习-shimming模块补充(https://webpack.js.org/guides/shimming/)
来源:互联网 发布:我国加工贸易现状知乎 编辑:程序博客网 时间:2024/06/17 23:19
1.要解决的问题:往应用的每个模块里注入全局变量,即每个模块都能访问的变量,例如引入jquery
方法:利用ProvidePlugin插件,例子如下:
module.exports = { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ]};
2.要解决的问题:对于某些模块,需要将模块中的this置为window。但是当模块运行在commonJs环境中时,this是指向module.exports的。在这种情况下,你可以利用import-loader,其作用是将变量引入模块内部。例子如下:module.exports = { module: { rules: [{ test: require.resolve("some-module"), use: 'imports-loader?this=>window' }] }};
3.要解决的问题:在某个模块写了一个变量或者函数,希望外部能够使用它,使用exports-loader,其作用是将变量导出,例子如下:module.exports = { module: { rules: [{ test: require.resolve("some-module"), use: 'exports-loader?file,parse=helpers.parse' // adds below code the file's source: // exports["file"] = file; // exports["parse"] = helpers.parse; }] }};
4.如果你想在最后输出的html的head里,添加一个script标签和对应的js文件,可以使用script-loader5.如果某段代码没有AMD或者CommonJS版本,你想直接将其打入dist文件夹,可以使用noParse,webpack将直接将这个模块写入输出,不会解析它。
阅读全文
0 0
- webpack学习-shimming模块补充(https://webpack.js.org/guides/shimming/)
- webpack学习-tree shaking(https://webpack.js.org/guides/tree-shaking/)
- webpack学习-缓存(https://webpack.js.org/guides/caching/)
- webpack学习系列-lazy-loading (https://webpack.js.org/guides/lazy-loading/)
- webpack shimming modules 引入第三方插件
- webpack-生产环境最佳实践(https://webpack.js.org/guides/production/)
- webpack代码分割(https://webpack.js.org/guides/code-splitting/)
- webpack学习系列一(https://webpack.js.org/concepts/ 翻译)
- webpack学习系列二(https://webpack.js.org/concepts/entry-points/ 翻译)
- webpack学习系列三(https://webpack.js.org/concepts/output/)
- webpack学习之webpack.config.js详解
- webpack学习-webpack.config.js配置
- react.js学习(1) webpack
- webpack 模块
- webpack开发配置(webpack.base.js/webpack.dev.js/webpack.prod.js)
- Webpack学习(一)
- Webpack学习(二)
- Webpack学习 (三)
- wireshark 提取RTSP中的UDP data数据
- 关于Struts2上传问题代码实现
- p12转pem
- 美元反弹外汇分析,黄金外汇买卖近期将有怎样的行情_小豹科技
- Linux ALSA声卡驱动之二:声卡的创建
- webpack学习-shimming模块补充(https://webpack.js.org/guides/shimming/)
- CSS3新属性及兼容代码一览
- 项目架构开发:集群部署
- 通过cordova将vue项目打包为Android app
- Can you answer these queries?
- mysql 给检索的条目按照某些字段分组,并合并分组后的多条记录的某列字段的值----laravel
- window下docker的安装和配置过程
- 小白学分布式程序开发10-PAXOS算法
- mysql 索引和优化