码迷,mamicode.com
首页 > Web开发 > 详细

webpack 4.0尝鲜

时间:2018-04-29 13:22:36      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:--   str   分享   技术分享   pts   res   span   ESS   code   

发布不久得webpack 4.0据说速度快了68% - 98%,然后还支持没配置文件,所以看起来很牛逼得样子

所以尝试一发

webpack和webpack-cli分离

现在执行webpack命令 必须要webpack-cli这个package全局安装

至于为什么,就不多做解释了

 

零配置是怎么个说法

支持两种mode  --- development 和 production

development下默认的入口文件是src 下的 index.js , 出口文件是 dist 下的 main.js文件

"scripts": {
    "start": "webpack --mode development"
  },

所以在package.json里添加这个文件就好了,不需要说再写一个webpack.config.json

production模式不作解释

 

依然支持 color watch process等参数

所以我们设置

 

"scripts": {
    "start": "webpack --mode development --watch --progress --colors"
  },

 这样就可以监听文件变化并且编译。

 

告诉编译,我试着编译了一下console.log(1) 速度是28ms 几乎接近0的速度。

再具体的大家也尝试一下。

 技术分享图片

 貌似确实比以前快了不少

 

所以毋庸置疑赶快使用吧

 

webpack 4.0尝鲜

标签:--   str   分享   技术分享   pts   res   span   ESS   code   

原文地址:https://www.cnblogs.com/sowhite/p/8970756.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!