插件需要引入

1 创建html。html-webpack-plugin

  1. cnpm i html-webpack-plugin -S

配置webpack.config.js：

  1. //引入插件
  2. const HtmlWebpackPlugin = require("html-webpack-plugin")
  4. plugins:[
  5.     new HtmlWebpackPlugin({
  6.         title:"webpack-vue",
  7.         //复制的页面路径
  8.         template:path.resolve(__dirname,"public/index.html")
  9.     })
  10. ],

image.png

2 清理dist文件的插件（clean-webpack-plugi）：

cnpm i clean-webpack-plugin -S

配置webpack.config.js：

//引入插件
const { CleanWebpackPlugin } = require("clean-webpack-plugin")


    plugins:[
        new HtmlWebpackPlugin({
            title:"webpack-vue"
        }),
        new CleanWebpackPlugin()
    ],

然后再次打包的时候其他之前的出口文件会自动被清除掉。