VUE项目打包配置 vue.config.js 文件

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`
        }
    }
};

VUE项目打包配置 vue.config.js 文件_第1张图片

缓存问题,我是直接在static后面直接加随机数了

 assetsDir: `static/${Version}`,
	后续如果有其他的,会陆续补充进去哈

你可能感兴趣的:(javascript,vue.js,webpack)