vue3.0防止打包缓存不刷新,所以给每个js文件都加一个时间戳

```html
1.在vue.config.js中文件前面添加时间戳
//引入webpack
const webpack = require('webpack');
const path = require('path');
const { config } = require('process');
const resolve = dir => path.resolve(__dirname, dir)

const Version = new Date().getTime();  //当前时间为了防止打包缓存不刷新,所以给每个js文件都加一个时间戳
module.exports = {
    // 显式转义依赖
    transpileDependencies: ['webpack-dev-server/client'],
    //基本路径
    publicPath: process.env.NODE_ENV === 'production' ? '/jswork/' : '/jswork/',
    // build时放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
    assetsDir: 'static',
    // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为
    outputDir: "dist",
    // 如果你不需要生产环境的 source map,可以将其设置为 false 以加速生产环境构建
    productionSourceMap: false,
    // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。
    indexPath: 'index.html',
    lintOnSave: false,
    configureWebpack: {
        externals: {
        },
        performance: {
            hints: 'warning',
            //入口起点的最大体积 整数类型(以字节为单位)
            maxEntrypointSize: 50000000,
            //生成文件的最大体积 整数类型(以字节为单位 300k)
            maxAssetSize: 30000000,
            //只给出 js 文件的性能提示
            assetFilter: function (assetFilename) {
                return assetFilename.endsWith('.js');
            }
        },
        output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
            // publicPath: './',
            // path: config.build.assetsDir,
            filename: `js/[name]_${Version}.js`,
            chunkFilename: `js/[name]_${Version}.js`
        }
    },
    chainWebpack: config => {
        config.entry.app = ['babel-polyfill', './src/main.js'];
        // 修复HMR
    },
    //webpack-dev-server相关配置
    devServer: {
        open: false,
        host: "localhost",
        port: 8080,
        overlay: {
            warnings: true,
            errors: true
        },
        https: false,
        hotOnly: false,
        proxy: {
            "/api": {
                target: "",
                // 如果要代理 websockets
                ws: true,
                changeOrigin: true,
                //pathRewrite:{"^/api":""}
            }
        }
    }
}

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值