webpack3插件安装和配置

﹏ヽ暗。殇╰゛Y 2022-06-09 20:45 319阅读 0赞

# 基本安装 #

mkdir webpack-config && cd webpack-config
    npm init -y
    cnpm install --save-dev webpack html-webpack-plugin clean-webpack-plugin webpack-dev-server

# 插件介绍 #

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>简介</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>html-webpack-plugin</td> 
   <td>自动生成index.html，并添加所需bundle</td> 
  </tr> 
  <tr> 
   <td>clean-webpack-plugin</td> 
   <td>自动清理输出目录</td> 
  </tr> 
  <tr> 
   <td>webpack-dev-server</td> 
   <td>web服务器</td> 
  </tr> 
 </tbody> 
</table>

# webpack.config.js详解 #

# package.json详解 #

{
      "name": "webpack-config",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "start": "webpack-dev-server --open" },
      "keywords": [],
      "author": "",
      "license": "ISC",
      "devDependencies": { "clean-webpack-plugin": "^0.1.16", "html-webpack-plugin": "^2.30.1", "webpack": "^3.5.4", "webpack-dev-server": "^2.7.1" } }

目前只列了基本配置，未完待续……

参考资料：[Webpack中文网][Webpack]

[Webpack]: https://doc.webpack-china.org/