zhgdyunapp_vue3/postcss.config.js

// 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': {}
    }
}