博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
升级webpack4踩的坑
阅读量:6830 次
发布时间:2019-06-26

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

最近webpack升级到4了,关于webpack4较之前版本的改变我就不赘述了,分享一下自己从3升级到4遇到的问题,以及解决方法:

1、webpack升级之后会再次打包之后会报错,提醒哪个包有问题,只需要按照报错升级对应的包就可以

2、如果你的node版本太低的话,需要升级一下node版本,webpack支持6.11.5及以上版本

3、关于生产环境和开发环境加上mode:development/production,就可以将之前的UglifyJsPlugin就可以删掉了,生产环境会自动启用uglifyjs对代码进行压缩

4、如果你用了extract-text-webpack-plugin,webpack4还是支持的,extract-text-webpack-plugin版本要升级到4.0.0-beta.0,不过以后可能会迁移到mini-css-extract-plugin;有兴趣的可以自己换一下。

这个时候你打包的时候也可能会遇到一个报错: EnteryPoint:extract-text-webpack-plugin-file-output == undefined(大概是这么个错误),并不是webpack4不支持这个包了,
在config中加上:

stats: {    children: false  },

5、

clipboard.png

这个报错的解决办法:

{    test: /\.json$/,    exclude: /node_modules/,    type: 'javascript/auto',  // 加上type    loader: 'json-loader'},

我自己升级了这些:

图片描述

clipboard.png

大概就是这些吧,希望我踩的这些坑对你们有些帮助

转载地址:http://jtnkl.baihongyu.com/

你可能感兴趣的文章
跟 UMU 一起玩 OpenWRT(高级篇2):不拆机刷不死 U-Boot
查看>>
程序员必知的8大排序(java实现)
查看>>
Ubuntu用户权限修改后只能以客人会话登录
查看>>
objective-c中的方法重载
查看>>
原创:SecureCRT连接linux终端颜色配置
查看>>
<Hibernate> OpenSession 和getCurrentSession 的一些区别
查看>>
Ace Admin改造
查看>>
PHP Memcache配置
查看>>
Centos 7.3 内网时间同步设置
查看>>
nginx的启动、重启
查看>>
右键文本文档消失——解决办法
查看>>
spring源码剖析之Spring Security安全框架
查看>>
开启关闭mysql函数功能
查看>>
运行Perl程序
查看>>
php中出现问题Call to undefined function curl_init()
查看>>
Git常用命令
查看>>
maven update project 会自动引用JAVASE1.5的问题解决办法
查看>>
Android自定义控件(一)自绘控件
查看>>
【自用】Android 得到全屏+屏幕分辨率 + (AppCompatActivity去标题栏)
查看>>
MYSQL关联查询(PHP)
查看>>