webpack使用的心得

Posted 2020-08-23 飞翔梦想

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

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