webpack升级到4,分离出了webpack-cli,同时也升级了一堆插件(出问题就update一下,可能就OK了)
webpack4.0简化了很多操作,如entry(默认dir目录,所以自己手动建一个),output(默认dist,自动生成)都有默认配置,增加了--mode development和--mode producttion模式,webpack对这两种模式配置做了尽可能的优化,但并不是说我们就不用再配置config.j了,如本文中的babel,less还是需要手动配置,但jquery已经不需要在加loader了,其它的待实践后再继续更新
webpack4出来一段时间了,网上也有很多教程,如
https://blog.zfanw.com/webpack-tutorial/#%E5%AE%89%E8%A3%85-webpack
https://www.jianshu.com/p/ea2fa79a1c71
遇到的问题:
- 现在默认入口文件在src目录下,所以要新建一个src文件夹来存放入口文件
- 发现正常安装解析less的loaders,配置后webpack编译都正常通过,但到了浏览器中会报一个 missing ')' in index.less 的错误,百思不得解,干脆npm update -D style-loader css-loader less-loader了一下,错误消失,正常显示
- 虽然号称零配置,确实很多优化插件不用再自己一个一个配置了,但一些基础配置还是需要自己一个个去配的