vue.config.js
2.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
const Timestamp = new Date().getTime();
// Vue.config.js 配置选项
console.log()
module.exports = {
runtimeCompiler: true,
// publicPath:process.env.NODE_ENV === 'production' ? '/vue_workspac/aihuhuproject/' : '/',
//基本路径
publicPath: './',//默认的'/'是绝对路径，如果不确定在根路径，改成相对路径'./'
// 输出文件目录
outputDir: process.env.NODE_ENV === 'production'? 'dist':'test',
assetsDir: 'static',
indexPath: 'index.html',
// eslint-loader 是否在保存的时候检查
lintOnSave: true,
// 生产环境是否生成 sourceMap 文件
productionSourceMap: false,
// css相关配置
css: {
loaderOptions: {
postcss: {
plugins: [
// 把px单位换算成rem单位
require("postcss-pxtorem")({
rootValue: 16, // 换算的基数 (为了便于开发，根据设计图来定这个值，如果设计图给的宽度是750，通常就会把remUnit设置为75，这样就可以按照UI图1:1进行开发)
selectorBlackList: [".fv-",".el-"],// 要忽略的选择器并保留为px。
propList: ["*"], //可以从px更改为rem的属性。
minPixelValue: 2 // 设置要替换的最小像素值。
})
]
}
}
},
devServer: { // webpack-dev-server 相关配置
overlay: {
warning: false,
err: false
},
hot: true,
hotOnly: true, // 是否热更新
host: '0.0.0.0',
port: '8080',
open: true,
// proxy: {
// [process.env.VUE_APP_BASE_API]: {
// target: process.env.VUE_APP_REQUEST_URL,
// changeOrigin: true,
// pathRewrite: {
// ['^'+process.env.VUE_APP_BASE_API]: ''
// }
// }
// },
disableHostCheck: true,
},
configureWebpack: { // webpack 配置
output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】
filename: `static/js/[name].${process.env.VUE_APP_Version}.${Timestamp}.js`,
chunkFilename: `static/js/[name].${process.env.VUE_APP_Version}.${Timestamp}.js`
},
},
// 第三方插件配置
pluginOptions: {
// ...
}
};