目前webpack还在详细研究中,研究到哪一块,有时间就会整理出来
1.关于expose-loader
expose-loader给全局对象添加模块。这对于debugging或支持jQuery这类依赖全局变量库是非常有用的。
安装方法:
npm i expose-loader --save--dev
使用方法:
(1)只用引入require("expose-loader?$!jquery");
注意:jquery是相对路径哦~
(2)在配置文件module下的rules如:
module: {
rules: [{
test: require.resolve('jquery'),
use: [{
loader: 'expose-loader',
options: '$'
}]
}]
}
注意:
require.resolve是Node的回调函数,在webpack中没有。 require.resolve给你的相对路径是"/.../app/node_modules/react/react.js")。所以这种方式只适用于react。
2.关于css-loader
3.关于DevServer
它支持的是一个对象,对象的key值有很多
disableHostCheck: true,设置这个就可以通过本地的IP地址代替localhost来访问