29 lines
1002 B
JavaScript
29 lines
1002 B
JavaScript
const { defineConfig } = require('@vue/cli-service');
|
||
|
||
module.exports = defineConfig({
|
||
transpileDependencies: true,
|
||
css: {
|
||
loaderOptions: {
|
||
postcss: {
|
||
postcssOptions: {
|
||
plugins: [
|
||
require('postcss-px-to-viewport')({
|
||
viewportWidth: 1600, // 视窗的宽度，对应设计稿宽度
|
||
viewportHeight: 900, // 视窗的高度，对应设计稿高度
|
||
unitPrecision: 3, // 指定 px 转换为视窗单位值的小数位数
|
||
viewportUnit: 'vw', // 指定需要转换成的视窗单位，vw 或者 vh
|
||
selectorBlackList: ['.ignore', '.hairlines'], // 指定不需要转换的类
|
||
minPixelValue: 1, // 小于或等于 1 px 不转换为视窗单位
|
||
mediaQuery: false // 允许在媒体查询中转换 px
|
||
})
|
||
]
|
||
}
|
||
},
|
||
less: {
|
||
additionalData: `@import "@/static/css/app.less";` // 注入全局变量文件
|
||
}
|
||
}
|
||
},
|
||
});
|
||
|