如何在我的 vue 应用程序的 webpack 配置中排除生产构建中的文件

Question

I try to exclude an Html-file "dev.html" from the product build. How do I have to configure the webpack? I know I have to apply rules, but where? This is my vue.config.js

module.exports = {
  "transpileDependencies": [
    "vuetify"
  ],


  pages: {
    index: {
      // entry for the page
      entry: 'src/main.ts',
      // the source template
      template: process.env.NODE_ENV === 'development' ?
        'public/dev.html' :
        'public/index.html',
      // output as dist/index.html
      filename: 'index.html',
      // when using title option,
      // template title tag needs to be <title><%= htmlWebpackPlugin.options.title %></title>
      title: 'Index Page',
      // chunks to include on this page, by default includes
      // extracted common chunks and vendor chunks.
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
  },
  configureWebpack: {
    devtool: process.env.NODE_ENV === 'development' ? 'source-map' : 'none',

  }
}

Answer 1

I fixed it using the remove-files-webpack-plugin ( https://www.npmjs.com/package/remove-files-webpack-plugin )

 plugins: [
      new RemovePlugin({
        after: {
          include: [
            './dist/dev.html'
          ],
          trash: true
        }
      })
    ],