webpack使用的心得

1 . 我们需要使用打包工具，首先第一步就得 执行 npm install进行安装，可是很多时候 加载速度很慢，这个时候我们可以 用淘宝镜像源，参考地址：

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; color: #9e4a2f }
span.s1 { text-decoration: underline }

https://npm.taobao.org/

使用方法如下：

npm install  --registry=https://registry.npm.taobao.org

这样速度就加快了很多了，不信请试试

2. 另外一个 是我们在项目中一般是 本地开发的时候一个 配置文件，发布的时候一个 配置文件，那如果我项目中配置本来不是很多的情况下，我不想分几个配置文件，只用一个webpack.config.js，可以是这样的话 我们就需要针对不用的开发环境 对配置进行管理，通常在插件里配置：

new webpack.DefinePlugin({
	‘process.env‘: {
	‘NODE_ENV‘: ‘"production"‘
  }
})

然后在package.json文件里配置变量：

如：process.env是一个环境变量，所以需要你设置NODE_ENV变量，

on OS X or Linux:  export NODE_ENV=development

windows:   SET NODE_ENV=development

完整的命令如下：

export NODE_ENV=development && webpack  或者

export NODE_ENV=development && webpack-dev-server --inline

3. 还有一个 我们比较关注的是，在项目中我们希望打包多个css文件，在项目中根据情况引用，可以参考如下链接，讲解的非常清楚：

https://webpack.github.io/docs/stylesheets.html