首页 > 其他分享 >优化 vue 使用 webpack 打包,出现的缓存问题 及 项目部署问题

优化 vue 使用 webpack 打包,出现的缓存问题 及 项目部署问题

时间:2023-03-27 16:23:57浏览次数:53  
标签:缓存 const timeStamp js webpack vue 打包 css

https://blog.csdn.net/qq_39264561/article/details/124844878

`
const path = require("path");
const webpack = require("webpack");
const timeStamp = new Date().getTime();
module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "/dist/" : "/",
// 打包的时候不使用hash值.因为我们有时间戳来确定项目的唯一性了.
filenameHashing: false,

// 将构建好的文件输出到哪里
outputDir: "dist",

configureWebpack: {
// 重点
// 输出重构 打包编译后的js文件名称,添加时间戳.
output: {
filename: js/[name].${timeStamp}.js,
chunkFilename: js/chunk.[id].${timeStamp}.js
}
},

css: {
//重点.
extract: {
// 打包后css文件名称添加时间戳
filename: css/[name].${timeStamp}.css,
chunkFilename: css/chunk.[id].${timeStamp}.css
}
}
};

`

标签:缓存,const,timeStamp,js,webpack,vue,打包,css
From: https://www.cnblogs.com/xinzhyu/p/17261936.html

相关文章