webpack学习

目前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来访问