12、打包多页面应用

1、需下载依赖：

  ①  npm init -y   初始化包

  ② npm i webpack webpack-cli -D

  ③ npm i html-webpack-plugin -D

2、写webpack 的配置文件（webpack.config.js）

    let path = require('path')

    let HtmlWebpackPlugin = require('html-webpack-plugin')

    module.exports = {    

        mode: 'developmnet',

        entry: {

            home: './src/home.js',

            other: './src/home.js'

       },  

        output: {

            filename: '[name].js',

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

        },

        plugins: [

            new HtmlWebpackPlugin({

                template: './src/index.html',

                filename: 'home.html',

                chunks: ['home'],

            }),

            new  HtmlWebpackPlugin({                

                template: './src/index.html',                

                 filename: 'other.html', 

                 chunks: ['other'],             

            })

        ]

    }

3、项目的目录

    sec

        home.js

        other.js

        index.html

    webpack.config.js

    node_modules

就这样子，欢迎指正~