博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack 4.0尝鲜
阅读量:5288 次
发布时间:2019-06-14

本文共 865 字,大约阅读时间需要 2 分钟。

发布不久得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的速度。

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

 

 貌似确实比以前快了不少

 

dev-server

还是需要安装package webpack-dev-server

webpack-dev-server --mode development --content-base dist --inline --hot --open

用法和之前一样

hot 热更新替换

inline 是log处理方式 dev-tool的一种

open参数是打开浏览器

content-base 参数是指定index.html的位置

 

所以毋庸置疑赶快使用吧

 

转载于:https://www.cnblogs.com/sowhite/p/8970756.html

你可能感兴趣的文章
数字签名和数字证书
查看>>
iOS更改项目名称的详细步骤
查看>>
LeetCode Delete Node in a Linked List
查看>>
一个模仿CCTV 5+体育台上的选项卡
查看>>
Window Classes in Win32
查看>>
洛谷 P4071 [SDOI2016]排列计数
查看>>
AngularJS 教程
查看>>
小运算
查看>>
OpenCV学习笔记——视频的边缘检测
查看>>
【mysql的设计与优化专题(5)】慢查询详解
查看>>
Linux 文件目录管理的指令
查看>>
opencv初学习-椒盐噪声-中值滤波-均值滤波-腐蚀膨胀
查看>>
笔记70 Spring Boot快速入门(八)(重要)
查看>>
LeetCode 160 Intersection of Two Linked Lists
查看>>
瀑布流布局
查看>>
log4j教程 5、示例程序
查看>>
《Effective C#》读书笔记
查看>>
解决linux服务器上matplotlib中文显示乱码问题
查看>>
“新零售”个人理解
查看>>
win键盘映射成mac键盘
查看>>