首页 > 代码库 > 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使用的心得