const webpack = require("webpack");
const Version = new Date().getTime();
module.exports = {
/* 部署生产环境和开发环境下的URL:可对当前环境进行区分,baseUrl 从 Vue CLI 3.3 起已弃用,要使用publicPath */
/* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */
// publicPath: process.env.NODE_ENV === "production" ? "/public/" : "./",
publicPath: "./",/* 输出文件目录:在npm run build时,生成文件的目录名称 */
outputDir: "dist",/* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */
assetsDir: "static",
productionSourceMap: false,/* 是否在构建生产包时生成 sourceMap 文件,false将提高构建速度 */
filenameHashing: false, /* 默认情况下,生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存,你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) ,但是在我的项目里面没有起作用,为true时的hash值每次都是一样的*/
lintOnSave: true, /* 代码保存时进行eslint检测 */
/* webpack-dev-server 相关配置 */
devServer: {
open: true, /* 自动打开浏览器 */
host: "0.0.0.0",/* 设置为0.0.0.0则所有的地址均能访问 */
port: 8083,//端口号
https: false,
hotOnly: false,
//配置代理
proxy:{
'/api':{
target:'',
changOrigin:true,//允许跨域
pathRewrite:{
'∧/report_center/api':'/api',//请求时,使用这个api就可以,此处需注意,这个箭头不对,我没找到苹果电脑对应的符号,正确的见底部的配图
}
}
}
},
configureWebpack: {
//引入jquery
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
],
/*打包配置版本号*/
output: {/*模块名称+时间戳*/
filename: `[name].${Version}.js`,
chunkFilename: `[name].${Version}.js`
}
}
};
缓存问题,我是直接在static
后面直接加随机数了
assetsDir: `static/${Version}`,
后续如果有其他的,会陆续补充进去哈