lib-flexible 實現移動端自適應佈局

龍逸軒發表於2018-08-07
Flex

安裝

$ npm install lib-flexible

在入口檔案中引入

import 'lib-flexible'; 

繼續安裝

$ npm install webpack-px2rem-loader

編寫loader

const px2remLoader = {
    loader: 'webpack-px2rem-loader',
    options: {
        basePx: 37.5, //效果圖大小
        min: 1, //最小尺寸
        floatWidth: 3 //轉化rem後保留的小數位
    }
}

在樣式相關的loader中加入，這裡以vue-cil的配置為例

const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader]



相關文章