webpack实践之路（九）：development与production的配置

一、准备工作

在终端输入：

> mkdir webpack_demo
> cd webpack_demo
> mkdir src
> mkdir dist

> npm init -y
> sudo npm install webpack webpack-cli --save-dev

> sudo npm install --save-dev html-webpack-plugin
> sudo npm install clean-webpack-plugin --save-dev
> sudo npm install --save-dev webpack-dev-server
> sudo npm install uglifyjs-webpack-plugin

> sudo npm install --save-dev style-loader css-loader
> sudo npm install --save-dev file-loader
> sudo npm install --save-dev csv-loader xml-loader

目录结构：

package.json：

{
  "name": "webpack_dome",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --open",
    "build": "webpack" 
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "clean-webpack-plugin": "^1.0.0",
    "css-loader": "^2.1.0",
    "csv-loader": "^3.0.2",
    "file-loader": "^3.0.1",
    "html-webpack-plugin": "^3.2.0",
    "style-loader": "^0.23.1",
    "webpack": "^4.28.4",
    "webpack-cli": "^3.2.1",
    "webpack-dev-server": "^3.1.14",
    "xml-loader": "^1.2.1"
  }
}

webpack.config.js：

con