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

安裝

$ 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]