Question

我在vue cli版本中存在哈希问题。现在到细节。我建立了我的应用程式，并在dist资料夹中看到名称如下的档案 app.dsadas.js，chunk-1-dsadaas.js等都看起来不错。但是我在docker映像中构建我的应用程序，可能有2个或更多，并且我需要所有这些文件名中具有相同哈希值的映像，但事实并非如此。这个'webpack-md5-hash'插件帮助我解决了这个问题，但是它的旧解决方案可以处理警告。帮助请为webpack 4找到解决方案。

这是我的vue配置文件：

const path = require('path');
const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin');
const CompressionWebpackPlugin = require('compression-webpack-plugin');

const productionGzipExtensions = ['js', 'css'];

function resolve(dir) {
  return path.resolve(__dirname, dir);
}

module.exports = {
  assetsDir: 'static',
  runtimeCompiler: true,
  lintOnSave: process.env.NODE_ENV !== 'production',
  devServer: {
    overlay: {
      warnings: true,
      errors: true,
    },
  },
  configureWebpack: {
    performance: {
      hints: false,
    },
    resolve: {
      extensions: ['.js', '.vue', '.json'],
      alias: {
        vue$: 'vue/dist/vue.esm.js',
        '@': resolve('src'),
        utils: resolve('src/utils'),
        api: resolve('src/api'),
        defaultStates: resolve('src/store/modules/defaultStates'),
        router: resolve('src/router'),
        store: resolve('src/store'),
        config: resolve('src/config'),
        helpers: resolve('src/store/modules/helpers'),
        constants: resolve('src/constants'),
        mixins: resolve('src/mixins'),
      },
    },
    plugins: [
      new VuetifyLoaderPlugin(),
      new CompressionWebpackPlugin({
        filename: '[path].gz[query]',
        algorithm: 'gzip',
        test: new RegExp(`\\.(${productionGzipExtensions.join('|')})$`),
        threshold: 10240,
        minRatio: 0.8,
      }),
    ],
  },
};

Vue CLI。如何使用相同的哈希值构建

0 个答案: