Как указать версию сайта Vue?

Question

Как указать версию сайта Vue?

Рейтинг: 1Ответов: 2Опубликовано: 24.01.2023

можно как то указать версию сайта в vue? Например version='01.01' и каким образом?
Например знаю что можно указывать версию ?ver=01 - типо такого

<script src="index.js?ver=01" defer=""></script>

Как это сделать с vue никак ни пойму, ни найду

javascript vue.js

Источник: Stack Overflow на русском

Answer 1

▲ 1

Создайте файл .env:

VUE_APP_VERSION=01.01

Используйте переменную в коде:

console.log(process.env.VUE_APP_VERSION)

В HTML файле можно использ. VUE_APP_VERSION для указания версии сайта:

<script src="index.js?ver={{process.env.VUE_APP_VERSION}}" defer=""></script>

Answer 2

▲ 1

В имя файла нельзя добавить символ ?(нужно разбираться почему так), но в запрос добавить можно.

Для vue 2 версии с webpack в файле vue.config.js укажите следующее:

const {defineConfig} = require('@vue/cli-service')

const version = '01'

module.exports = defineConfig({
    //для css
    css: {
        extract: {
            filename: 'css/[name]-v' + version + '.css?ver=' + version,
            chunkFilename: 'css/[name]-v' + version + '.css?ver=' + version
        },
    },
    //для js
    configureWebpack: (config) => {
        config.output.filename = 'js/[name]-v' + version + '.js?ver=' + version;
        config.output.chunkFilename = 'js/[name]-v' + version + '.js?ver=' + version;
    },
})

Файл будет называться app-v01.js, а в html он будет подключаться src="/js/app-v01.js?ver=01"

Как указать версию сайта Vue?

Ответы