那些webpack你不得不知的坑

对于刚开始接触node的人来说，最烦的莫过于输入的命令行无法被终端识别执行，一般来说都是path配置有问题。如果我们直接在终端环境输入webpack命令行出现无法识别的情况的话，我们可以通过设置npm快捷方式来运行。**直接输入webpack命令行，node会去找系统配置下的webpack。而配置npm的快捷方式，则会在当前项目下找webpack这个包。**而对于一个项目来说，我们下载的包都是开发依赖的，很少有全局包。用webpack打包工具也是一样的，只要我们要在package.json里面配置一下就可以解决无法用webpack打包项目的问题了。

//这是项目初始化时会自带的package.json配置文件
//我们要设置的是scripts里面的 webpack --config +要执行的文件
 "name": "webpack-demo",
  "version": "1.0.0",
  "description": "'这是第一个项目'",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "try": "webpack -v",
    "build": "webpack --config config/webpack.prod.js",
    "dev": "webpack-dev-server --config config/webpack.dev.js --open"
  },

配置好后就可以用npm run +自己设置的名字 也就相当于执行了命令行，但是不用担心全局下的webpack是否存在。

请允许自己写出垃圾，否则，你连垃圾都写不出来。