vue中使用px2remLoader，只轉(zhuǎn)換了vue文件中的px，如何使外部css文件中px也轉(zhuǎn)換成rem

按照網(wǎng)上的教程在vue工程中導(dǎo)入了px2remLoader
var px2remLoader = {

    loader: 'px2rem-loader',
    options: {
        remUnit: 32
    }
}

function generateLoaders(loader, loaderOptions) {

    const loaders = options.usePostCSS ? [cssLoader, postcssLoader,px2remLoader] : [cssLoader,px2remLoader]
    if(loader) {
        loaders.push({
            loader: loader + '-loader',
            options: Object.assign({}, loaderOptions, {
                sourceMap: options.sourceMap
            })
        })
    }

項(xiàng)目運(yùn)行后vue文件中的px都轉(zhuǎn)換成了rem，但import引入的css文件中的px沒(méi)有被處理成rem。

回答

編輯回答

挽歌

可以參考 https://github.com/zdliuccit/...

2018年6月10日 11:00

編輯回答

近義詞

或者是需要再增加一個(gè)
postcss-pxtorem

{
    test: /\.css$/,
    use: {
            loader: 'css-loader',
            options: {
                importLoaders: 1
            }
        },
        {
            loader: 'postcss-loader',
            options: {
                plugins: (loader) => [
                    pxtorem({ //將px轉(zhuǎn)換為rem
                       rootValue: 100,
                       propWhiteList: [],
                    }),
                    require('autoprefixer')({
                        browsers: ['last 20 versions']
                    })
                ]
            }
        }
},
{
    test:/\.vue$/,
    loader: 'vue-loader',
    exclude:/node_modules/,
    options: {
        postcss: [pxtorem({ 
                rootValue: 100,
                propWhiteList: [],
            }),
            require('autoprefixer')({
                browsers: ['last 20 versions']
            })
        ],
    }
},

2018年4月21日 19:28

編輯回答