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

Question

我尝试从产品构建中排除 Html 文件“dev.html”。我必须如何配置 webpack？ 我知道我必须应用规则，但在哪里？这是我的 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

我使用 remove-files-webpack-plugin (https://www.npmjs.com/package/remove-files-webpack-plugin) 修复了它

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