03.打包html

安装依赖

npm i html-webpack-plugin -D

webpack配置

const {resolve}=require('path')
const HtmlWebpackPlugin=require('html-webpack-plugin')//首先引入包
module.exports={
    entry:'./src/index.js',
    output:{
        filename:'main.js',
        path:resolve(__dirname,'build')
    },
    // loader的配置
    module:{
        rules:[
            {
                test:/\.css$/,
                use:[
                    'style-loader',
                    'css-loader'
                ]
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin(   //在插件选项中配置，并指定模板是哪个
            {
                template:'./src/index.html'
            }
        )
    ],
    mode:'production'
}

最后运行webpack就会在build中生成index.html，它会自动绑定js,css