一、准备工作
在终端输入:
> 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