webpack中的plugin插件

1. 安装包

删除目录

npm i clean-webpack-plugin@^3.0.0 -D-S

将js自动注入index.html

npm i html-webpack-plugin@4.5.0 -D-S

2. 配置当前插件

1. 引入插件

const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

2. 配置

// 对应的插件
            plugins: [
                new HtmlWebpackPlugin({    //配置
                    filename: 'index.html',    //生成文件名
                    template: '.index.html',   // 模板的位置和名称
                    inject: 'body' // 这个地方必须是body，否则vue打包会有bug
                }),
                new CleanWebpackPlugin(), //删除目录
            ]

3. 启动项目

npm run start