wbepack4 配置文件package.json

一开始用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，其它版本还未测试。

待续.......