这个 repo 介绍一些 Webpack 常用的应用场景.
常用场景列表:
假设我们有一个 ./rocket.js 文件,内容如下:
var rocket = {
fly: function() {
console.log('hu~~~, hu~~~');
}
}
rocket.js
属于非标准格式的模块, 我们需要使用 exports-loader 来引用.
npm install exports-loader; // 安装 exports-loader
在需要使用的地方只需要这样写:
var myRocket = require('exports?rocket!./rocket.js');
myRocket.fly();
// will produce "hu~~~, hu~~~"
exports-loader 更多的使用方法参考 shimming-modules 的EXPORTING部分.
- imports-loader 使用 https://github.com/webpack/imports-loader
- exports-loader 使用 https://github.com/webpack/exports-loader
- plugin ProvidePlugin 来实现一个全局默认可用的 module
- script-loader 使用
- expose-loader 使用 https://github.com/webpack/expose-loader
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery"
})