webapck之多頁面打包（常見）

webpack多入口打包

let path = require('path');
elt HtmlWebpackPlugin = require('html-webpack-plugin');
module.export = {
  mode: 'development',
  entry: { 
    home: './src/index.js',
    other: './src/other.js'
  },
  output: {
    filename: '[name].js', // [name]是一個變量哈，與entry中的key一一對應,如果寫一個具體的name會報錯
    // path: path.resolve(__dirname, '../zzff') 這兩個絕對可以讓大家整的巴巴適適的，見圖1_1、1_2
    path: path.resolve(__dirname, 'zzff')
  }，
  plugins: [
    new HtmlWebapckPlugin({
        template: './src/index.html',
        filename: 'home.html', //打包index.html之后產生的新的html的文件叫home.html 
        // chunks: [] // 在打包之后，默認情況下會將所有的js文件在每個html頁面中都會引入一次，見圖2_1、圖2_2
        chunks: ['other'], // 打包結果見圖2_3、圖2_4
    }),
    // 將同一個index.html打包成兩個不同name的html文件
    new HtmlWebpackPlugin({
        template: './src/index.html',
        filename: 'other.html',
        chunks: ['other', 'home'] // 這個表示在打包之后的other.html文件會引入key為other和home這兩個所指代的js文件
    })
  ]
}

額，這次就先記錄到這里，以上內容僅代表個人看法，有問題的地方還請指出！！
今天是3月8號，祝所有的母親大人節日快樂🌹🌹🌹