文章首发于我的GitHub博客,如果觉得不错,欢迎给个start哈
实现功能为:将JS文件丶CSS文件和图片文件打包输出,html文件动态引入打包后的bundle.js丶CSS文件和图片
demo地址
1. babel升级到7以后
- 需要引入@babel/core
- @babel/core只是babel-core的新版本
2. webpack打包html里面img后src为“[object Module]”问题
- 如果使用
"file-loader": "^4.2.0"
或者"file-loader": "^2.0.0"
却可以正常打包 - file-loader在新版本中
esModule
默认为true,因此手动设置为false
3. webpack4.0以上用3.x extract-webpack-plugin 打包会不兼容,
- extract-we