vue2 build時文件那麼多是正常的嗎？

Question

我已經關閉了 filenameHashing: false

chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        return args
      })
    if (config.plugins.has('extract-css')) {
      const extractCSSPlugin = config.plugin('extract-css')
      extractCSSPlugin && extractCSSPlugin.tap(() => [{
        filename: '[name].css',
        chunkFilename: '[name].css'
      }])
    }
  },
  configureWebpack: {
    output: {
      filename: '[name].js',
      chunkFilename: '[name].js'
    }
  },
  filenameHashing: false,

chunk還是會有？！
還是說這樣是正常的呢？他每次都會產生新的文件呢
隨著build的次數越多⋯⋯
能replace自己嗎？

Answer 1

文件名相同的话，是会覆盖掉的，但是因为使用了hash命名，所以名称不一样也就没有覆盖掉。

hash命名这也是很常用的功能，所以一般在打包前都会对dist文件夹进行一个清除。

如果你的使用vue-cli构建的项目，默认在打包时是会清除dist文件夹的，没有清除的话，你需要看下是否在outputDir中设置了--no-clean不清除。

如果你使用的是自定义的webpack配置，那么可以在打包的时候使用clean-webpack-plugin插件或者rimraf插件进行dist文件删除