var px2rem = require('postcss-px2rem');
const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV)
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://192.168.3.143:8080',//后端接口地址
changeOrigin: true,//用于控制请求头中的host值
pathRewrite: {
'^/api': '/',//重写,
}
}
},
disableHostCheck:true,//解决Invalid Host header
},
css: {
// 是否使用css分离插件 ExtractTextPlugin
extract: IS_PROD,
// 开启 CSS source maps?
sourceMap: false,
// css预设器配置项
loaderOptions: {
postcss: {
plugins: [
// 设计稿宽度的1/10,根据原型图给出的尺寸标注来。我这里的原型图总宽度是375
px2rem({ remUnit: 16 }),
// px2rem({ remUnit: 37.5 }),
],
},
// globalVars: {
// 'theme-color': '#421466'
// }
},
// 启用 CSS modules for all css / pre-processor files.
modules: false,
}
// css: {
// // 是否使用css分离插件 ExtractTextPlugin
// extract: IS_PROD,
// // 开启 CSS source maps?
// sourceMap: false,
// // css预设器配置项
// loaderOptions: {
// },
// // 启用 CSS modules for all css / pre-processor files.
// modules: false,
// },
}