VUE vue-cli3配置打包后的文件加上版本号

JavaScript017

VUE vue-cli3配置打包后的文件加上版本号,第1张

const Timestamp = new Date().getTime()

module.exports = {

    // webpack配置

    chainWebpack: config =>{

        if (process.env.NODE_ENV === 'production') {

            // 给js和css配置版本号

            config.output.filename('js/[name].' + Timestamp + '.js').end()

            config.output.chunkFilename('js/[name].' + Timestamp + '.js').end()

            config.plugin('extract-css').tap(args =>[{

                filename: `css/[name].${Timestamp}.css`,

                chunkFilename: `css/[name].${Timestamp}.css`

            }])

        }

    }

}

1.首先创建一个js

ex: test.js 

const referrerPhone = [

  { pattern: /^1[3456789]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }

]

export default {

referrerPhone 

}

import validators  from '../路径/test.js'

定义成对象方便调用

Vue.prototype.$validators  = validators 

this.$validators.referrerPhone 

=======================================================================================================

第二种 不是公用

1.创建一个 js

// 弹框提示

function tips(this_, message_, type_){

  this_.$message({

    message: message_,

    type: type_

  })

export { //很关键

  tips,

}

import { tips} from '../xx.js'

tips(this, '非法操作，不能删除admin用户！', 'error')

引入 Vue：引入开发环境版本有自带的提示和警告适合新手

差值表达式{{}}；(也可称模板语法)

输出 Hello Vue!

'#'：id选择器

'.'：class选择器

步骤：