vue中px转换成rem的设置
2018年02月24日 18:05:51
阅读数：756
1.npm install px2rem --save-dev
2.在utils.js中加入
const px2remLoader = {loader:'px2rem-loader',options: {remUnit:40 }}
并修改下面代码
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 }) }) }
3.如此变可以在vue中直接书写px,会自动转换成rem。
4.当需要引入外部css文件时，用@import时会出现不能转换的情况(待解决)，可以直接在script中import
网友评论