You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

69 lines
2.4 KiB

4 years ago
/*
* @Author: your name
* @Date: 2021-10-20 13:15:16
4 years ago
* @LastEditTime: 2021-10-26 11:21:34
4 years ago
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: /data-show/vue.config.js
*/
4 years ago
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = ['js', 'css', 'svg']
4 years ago
// 1. 引入等比适配插件
const px2rem = require('postcss-px2rem')
// 2. 配置基本大小
const postcss = px2rem({
// 基准大小 baseSize需要和rem.js中相同
remUnit: 100
})
4 years ago
module.exports = {
4 years ago
productionSourceMap: false,
4 years ago
publicPath: "./",
4 years ago
// devServer: {
// port: "8081",
// proxy: {
// '/sws': {//代理api
// target: "http://cloud.sws010.com",// 代理接口
// changeOrigin: true,//是否跨域
// ws: true, // proxy websockets
// pathRewrite: {//重写路径
// "^/sws": ''//代理路径
// }
// }
// }
// },
4 years ago
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
// 配置productionGzip-高级的方式
// 配置参数详解
// asset 目标资源名称。 [file] 会被替换成原始资源。[path] 会被替换成原始资源的路径, [query] 会被替换成查询字符串。默认值是 "[path].gz[query]"。
// algorithm 可以是 function(buf, callback) 或者字符串。对于字符串来说依照 zlib 的算法(或者 zopfli 的算法)。默认值是 "gzip"。
// test 所有匹配该正则的资源都会被处理。默认值是全部资源。
// threshold 只有大小大于该值的资源会被处理。单位是 bytes。默认值是 0。
// minRatio 只有压缩率小于这个值的资源才会被处理。默认值是 0.8。
config.plugins.push(
new CompressionWebpackPlugin({
filename: '[path].gz[query]',
algorithm: 'gzip',
test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
threshold: 10240,
minRatio: 0.8
})
)
} else {
// 开发环境
}
4 years ago
},
css: {
loaderOptions: {
// 等比缩放的插件
postcss: {
plugins: [
postcss
]
}
}
}
4 years ago
}