使用 webpack 3.12.0，一些插件版本号问题

项目使用webpack3版本，进行项目的构建与打包时，因为一些插件版本号，或者加载器版本号，出现各种问题。小编在此总结自己所遇到的一些插件版本号问题，有错误之处，请指出。

webapck-dev-server

• 使用最新的版本可能会出现一下问题

  Error: Cannot find module 'webpack-cli/bin/config-yargs'
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
  at Function.Module._load (internal/modules/cjs/loader.js:562:25)
  at Module.require (internal/modules/cjs/loader.js:692:17)
  at require (internal/modules/cjs/helpers.js:25:18)
  

需要将webpack-dev-server版本降低为2.11.5版本
npm i webpack-dev-server@2 -D

sass-loader

• 打包 scss文件
• sass-loader 最新版本为8.0.0，在运行项目的时候，会报错

需要将sass-loader降低一个版本
npm i sass-loader@7 -D

babel

• webpack 要编译，打包高级语法（Es6）就需要装Babel插件
• 由于babel-core版本号为^6.26.3，而babel-loader的版本号为8以上，版本过高会出现错误。

  Module build failed: Error: Cannot find module '@babel/core'
   babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-	loader@7'.
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
  at Function.Module._load (internal/modules/cjs/loader.js:562:25)
  at Module.require (internal/modules/cjs/loader.js:692:17)
  at require (internal/modules/cjs/helpers.js:25:18)
  at Object.<anonymous> (C:\Users\cdh\Desktop\webTest\webpack-test\node_modules\babel-loader\lib\index.js:10:11)
  at Module._compile (internal/modules/cjs/loader.js:778:30)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
  

  解决方法：降低babel-loader 的版本号为7版本
  npm i babel-loader@7 -D

vue-loader

• webpack导入vue进行开发,组件开发需要安装vue-loader
• 但是版本号需要使用^14.2.4

一些没有出错的插件版本号

• less-loader版本号：^5.0.0
• style-loader版本号：^1.0.0
• css-loader版本号：^3.2.0
• html-webpack-plugin版本号：^3.2.0

小编暂时遇到这两个问题，后面有其他问题会继续更新…