html-webpack-plugin 多页面,Webpack 多页面应用（多 HTML 页面 html-webpack-plugin ）

Webpack 4.0 开始，为了应对 Parcel 等的挑战，配置越来越简单，甚至可以“零配置”。

一个简单的 Webpack.config.js 配置文件 ：const path = require('path');

module.exports = {

entry: './src/index.js',

output: {

path: path.resolve(__dirname, 'dist'),

filename: 'bundle.js'

}

};

添加上常用 loader 后的配置文件:const HtmlWebpackPlugin = require('html-webpack-plugin');

const path = require('path');

module.exports = {

mode: 'development',

entry: './src/main.js',

output: {

path: path.resolve(__dirname, 'public'),

filename: 'bundle.js'

},

module: {

rules: [

{ test: /\.css$/, use: ['style-loader','css-loader'] },

{ test: /\.scss$/, loaders: ["styl