imports-loader
文檔介紹的是:用于向一個模塊的作用域內注入變量(Can be used to inject variables into the scope of a module.),官方的文檔總是言簡意賅但是不太好懂。我們來舉個例子。
jqGreen.js文件里僅一行代碼
//沒有模塊化
$('#box').css('color','green');
index.js文件也只有一行代碼
require('./jqGreen');
我們的配置文件中,是把index.js作為入口文件的。
{
entry:{
index:'./src/js/index.js'
}
}
注意,我們并沒有引入jquery。所以運行的結果是$ is not defined。
但是如果我們稍微修改一下jqGreen的引入方式,就能很輕松的解決這個問題。
index.js文件
require('imports?$=jquery!./jqGreen');
當然,這個能運行之前,我們要npm install imports-loader一下。