一开始用webpack纯粹只是为了满足facebook上的playAds打包需求(所有静态资源都得整合到一个html上)，对于webpackl也就是一知半解，根本不了解webpack的各个用法和原理。装包的时候天天warining来error去，然后最近看视频仔细学了下webpack。也踩了很多坑，暂时先把目前比较新的package.json配置发出来吧，兼容性的问题真的搞死人，以下这个可直接cnpm i 。
"devDependencies": {
"@babel/cli": "^7.10.1",
"@babel/core": "^7.9.6",
"@babel/plugin-proposal-class-properties": "^7.8.3",
"@babel/plugin-transform-runtime": "^7.9.6",
"@babel/preset-env": "^7.9.6",
"babel-loader": "^8.1.0",
"bootstrap": "^4.5.0",
"css-loader": "^3.6.0",
"fibers": "^5.0.0",
"file-loader": "^6.0.0",
"html-webpack-plugin": "^4.3.0",
"jquery": "^1.9.1",
"node-sass": "^4.14.1",
"popper.js": "^1.16.1",
"sass": "^1.26.8",
"sass-loader": "^8.0.2",
"style-loader": "^1.2.1",
"url-loader": "^4.1.0",
"vue": "^2.6.11",
"vue-resource": "^1.5.1",
"webpack": "^4.43.0",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.11.0"
}
大神忽略，刚开始学webpack出了问题，多注意看看命令行，多复制错误去百度翻译，其实很多错误都已经很明确的告诉你了。
1.装包中途中断了再想继续装 | 一个包重复装了2个版本, rimraf node_modules 重装;
2.// 在使用webpack时
// webpack 3.x 要使用 webpack-dev-server 2.x
// webpack 4.x 要使用 webpack-dev-server 3.x
3.// 在使用html-webpack-plugin时
// webpack 3.x 要使用 webpack-dev-server 3.x
// webpack 4.x 可以使用 webpack-dev-server 3.11.0，其它版本还未测试。
待续.......
