搭建webpack时遇到的问题

记录我在上篇文章基于vue+webpack的开发环境的搭建时遇到的一些问题和解决的办法

问题：

如果在用 webpack 打包的过程中出现一些如下一些不知名错误时，或者提示安装的依赖和插件不匹配时，则很有可能是安装的插件或者依赖的版本不匹配

解决办法：

下面是我搭建该环境时安装的插件依赖的版本，可以在package.json文件中查看

{
  "name": "04-webpack",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "cross-env NODE_ENV=product webpack --config webpack.config.js",
    "dev": "cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js"
},
  "author": "",
  "license": "ISC",
  "dependencies": {
    "cross-env": "^5.1.3",
    "css-loader": "^0.28.7",
    "file-loader": "^1.1.11",
    "html-webpack-plugin": "^2.30.1",
    "style-loader": "^0.19.1",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.1",
    "url-loader": "^0.6.2",
    "vue": "^2.5.13",
    "vue-loader": "^13.6.0",
    "vue-template-compiler": "^2.5.13",
    "webpack": "^3.10.0",
    "webpack-dev-server": "^2.9.7"
  },
}

想要更改已安装插件版本时可直接在该文件中修改版本信息并在命令行中输入以下命令，即可替换版本

npm i