IgorPI
@IgorPI

Как в vue задать версии чанкам?

Коллеги, приветствую.
Как в vue задать версии чанкам?

Например
http://127.0.0.1:3000/js/lang-ru-main-json.js?v=1
http://127.0.0.1:3000/js/lang-ru-main-json.js?v=2


Или
http://127.0.0.1:3000/js/lang-ru-main-json-v0.0.1.js
http://127.0.0.1:3000/js/lang-ru-main-json-v0.0.2.js


vue.config.js
// eslint-disable-next-line @typescript-eslint/no-var-requires
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin')

module.exports = {
  devServer: {
    host: '0.0.0.0',
    public: '0.0.0.0:3000',
    disableHostCheck: true
  },

  parallel: 4,

  transpileDependencies: [
    'vuetify'
  ],

  productionSourceMap: false,
  filenameHashing: true,

  pluginOptions: {
    webpackBundleAnalyzer: {
      openAnalyzer: true
    }
  },

  chainWebpack: config => {
    config.plugins.delete('prefetch')

    config.plugin('VuetifyLoaderPlugin').tap(args => [{
      match (originalTag, { kebabTag, camelTag, path, component }) {
        if (kebabTag.startsWith('core-')) {
          return [camelTag, `import ${camelTag} from '@/components/core/${camelTag.substring(4)}.vue'`]
        }
      }
    }])
    config.module
      .rule('i18n')
      .resourceQuery(/blockType=i18n/)
      .type('javascript/auto')
      .use('i18n')
      .loader('@kazupon/vue-i18n-loader')
  },
  configureWebpack: config => {
    // remove the existing ForkTsCheckerWebpackPlugin
    config.plugins = config.plugins.filter(
      p => !(p instanceof ForkTsCheckerWebpackPlugin)
    )
  }
}


Браузер кеширует, пользователи злятся.

Vue 2
SPA

Спасибо
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
Fragster
@Fragster
помогло? отметь решением!
в конфиге вебпака в блоке output: filename: '[name].[contenthash].js',
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
dima9595
@dima9595
Junior PHP
У нас на проекте написано так, но с использованием Laravel Mix.
mix.webpackConfig({
    output:{
        chunkFilename:'js/vuejs_code_split/[name].js?id=[chunkhash]',
    },
});


По сути особой роли не играет, просто погуглите в доке webpack'а свойство chunkFilename.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы