懒癌的福音 - 自动刷新 - [: 'Webpack核心 - 表严肃讲Webpack' |cut:tmp.cut_limit :]

文件结构

.
├── index.js
├── package.json
├── tpl.html
├── webpack.config.js
└── ...

模板下载（v2）

webpack.config.js

const Html = require('html-webpack-plugin');

module.exports = {
  mode    : 'development',
  entry   : './index.js',
  output  : {
    filename : 'bundle.js',
    path     : __dirname + '/dist',
  },
  plugins : [
    new Html({
      template : './tpl.html',
    }),
  ],
};

package.json

{
  "scripts": {
    "start": "npx webpack-dev-server --open"
  },
  "devDependencies": {
    "html-webpack-plugin": "^3.2.0",
    "webpack": "^4.28.1",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.14"
  }
  ...
}