没有合适的资源?快使用搜索试试~ 我知道了~
详解webpack4升级指南以及从webpack3.x迁移
0 下载量 56 浏览量
2020-08-27
09:00:14
上传
评论
收藏 84KB PDF 举报
温馨提示
试读
3页
本篇文章主要介绍了详解webpack4升级指南以及从webpack3.x迁移,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
资源推荐
资源详情
资源评论
详解详解webpack4升级指南以及从升级指南以及从webpack3.x迁移迁移
本篇文章主要介绍了详解webpack4升级指南以及从webpack3.x迁移,小编觉得挺不错的,现在分享给大家,也
给大家做个参考。一起跟随小编过来看看吧
几天前webpack发布了新版本v4.0.0,其中做了很多改动,包括0配置以及移除了CommonsChunkPlugin等。由此而来的还有
之前webpack3.x的项目如何迁移到新的webpack版本,本文就一个新的vue-cli创建的基于webpack的项目进行迁移。
题外话:不要看0配置是很有噱头,基本是不能满足大部分用户啊的需求,不过加入了更多的默认配置确实也方便了用户,配
置相对简单,是一种开箱即用的方式。毕竟之前parcel的0配置确实抢了很多webpack的风头,然后也去弄了一下parcel使用
parcel+vue的简单模版工程,有兴趣可以看一下。
一、一、webpack4的新东西的新东西
0. 安装安装
不在只安装webpack即可,还需要安装一个webpack-cli:
全局安装
sudo npm install -g webpack webpack-cli
局部安装(当前文件夹)
npm install --save-dev webpack webpack-cli
1. 0配置配置
默认的入口为 './src/' 和默认出口 './dist';
对压缩(optimization.minimize)的设置,默认在production时开启,在development时关闭。
默认配置不仅限于上述两项。
2. mode/–mode参数参数
新增了mode/--mode参数来表示是开发还是生产,mode有两个可选值:development和production,production不支持监
听,production侧重于打包后的文件大小,development侧重于构建的速度。
webpack --mode development
也可以在配置文件中配置:
// webpack.config.js
module.exports = {
mode: "production",
// ...
}
3. 对对uglifyjs升级升级
在之前的vue脚手架创建的基于webpack的工程,在webpack.prod.conf.js中可以清晰的看到配置中有这么一行:
// UglifyJs do not support ES6+, you can also use babel-minify for better treeshaking:
https://github.com/babel/minify
在webpack4.0中已经可以压缩es6代码,如:
class user {
getUsername() {
// to do
}
}
压缩之后为:
4. 移除移除loaders,必须使用,必须使用rules
资源评论
weixin_38556189
- 粉丝: 8
- 资源: 921
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功