在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中使用px2remLoader,只轉(zhuǎn)換了vue文件中的px,如何使外部cs

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

按照網(wǎng)上的教程在vue工程中導入了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
            })
        })
    }

項目運行后vue文件中的px都轉(zhuǎn)換成了rem,但import引入的css文件中的px沒有被處理成rem。

回答
編輯回答
挽歌
2018年6月10日 11:00
編輯回答
近義詞

或者是需要再增加一個
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
編輯回答
醉淸風

請問你這問題解決了嗎,我在引用vux外部的css沒有轉(zhuǎn)換,ui的樣式變小了

2017年2月8日 01:25