小白学习webpack4--系列一

166 阅读1分钟

环境

  • windows@10
  • node@12.22.7
  • npm@6.14.15
  • node-gyp@8.4.0

项目依赖

webpack相关依赖

  • webpack@4.46.0
  • webpack-cli@4.7.0
  • webpack-dev-server@3.11.2
npm i webpack@4 webpack-cli webpack-dev-server -D

babel相关依赖

  • @babel/core@7.14.3
  • babel-loader@8.2.2
  • @babel/preset-env@7.14.2
  • @babel/plugin-transform-runtime@7.14.3
  • @babel/plugin-syntax-dynamic-import@7.8.3
  • @babel/runtime@7.14.0
  • @babel/runtime-corejs2@7.14.0
  • core-js@2
npm i @babel/core@7.14.3 babel-loader@8.2.2 @babel/preset-env@7.14.2 @babel/plugin-transform-runtime@7.14.3 @babel/plugin-syntax-dynamic-import@7.8.3 @babel/runtime@7.14.0 @babel/runtime-corejs2@7.14.0 core-js@2 -D

vue相关依赖

  • vue-loader@15.9.6
  • vue-template-compiler@2.6.12
  • html-webpack-plugin@4.5.2
npm i vue-loader@15.9.6 vue-template-compiler@2.6.12 html-webpack-plugin@4.5.2 -D

css相关依赖

  • css-loader@5.2.4
  • style-loader@2.0.0
  • sass@1.34.0
  • sass-loader@10.1.1
  • postcss@8.4.6
  • autoprefixer@10.2.5
npm i css-loader@5.2.4 style-loader@2.0.0 sass@1.34.0 sass-loader@10.1.1 postcss@8.4.6 autoprefixer@10.2.5 -D

压缩相关依赖

  • terser-webpack-plugin@4.2.3
  • mini-css-extract-plugin@1.6.0
  • optimize-css-assets-webpack-plugin@6.0.0
npm i terser-webpack-plugin@4.2.3 mini-css-extract-plugin@1.6.0 optimize-css-assets-webpack-plugin@6.0.0 -D

优化相关依赖

  • happypack@5.0.1
  • simple-progress-webpack-plugin@2.0.0
npm i happypack@5.0.1 simple-progress-webpack-plugin@2.0.0 -D

依赖介绍

webpack相关依赖介绍

babel相关依赖介绍

vue相关依赖介绍

css相关依赖介绍

压缩相关依赖介绍

优化相关依赖介绍