首页 > 代码库 > webpack使用的心得

webpack使用的心得

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

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

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

 

 

 

 

webpack使用的心得