43 lines
1.6 KiB
JavaScript
43 lines
1.6 KiB
JavaScript
// postcss.config.js
|
||
|
||
const path = require('path')
|
||
// import path from "path"
|
||
module.exports = {
|
||
parser: 'postcss-comment',
|
||
plugins: {
|
||
'postcss-import': {
|
||
resolve(id, basedir, importOptions) {
|
||
if (id.startsWith('~@/')) {
|
||
return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3))
|
||
} else if (id.startsWith('@/')) {
|
||
return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2))
|
||
} else if (id.startsWith('/') && !id.startsWith('//')) {
|
||
return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1))
|
||
}
|
||
return id
|
||
}
|
||
},
|
||
'autoprefixer': {
|
||
overrideBrowserslist: ["Android >= 4", "ios >= 8"],
|
||
remove: process.env.UNI_PLATFORM !== 'h5'
|
||
},
|
||
// 借助postcss-px-to-viewport插件，实现rpx转px，文档：https://github.com/evrone/postcss-px-to-viewport/blob/master/README_CN.md
|
||
// 以下配置，可以将rpx转换为1/2的px，如20rpx=10px，如果要调整比例，可以调整 viewportWidth 来实现
|
||
'postcss-px-to-viewport': {
|
||
unitToConvert: 'rpx',
|
||
viewportWidth: 1200,
|
||
unitPrecision: 5,
|
||
propList: ['*'],
|
||
viewportUnit: 'vw',
|
||
fontViewportUnit: 'vw',
|
||
selectorBlackList: [],
|
||
minPixelValue: 1,
|
||
mediaQuery: false,
|
||
replace: true,
|
||
exclude: undefined,
|
||
include: undefined,
|
||
landscape: false
|
||
},
|
||
'@dcloudio/vue-cli-plugin-uni/packages/postcss': {}
|
||
}
|
||
} |