关于rem 设置class 还是px 转换不了rem

关于rem 设置class 还是px 转换不了rem

已经下载好了 $ npm install px2rem-loader      

 npm WARN deprecated graceful-fs@3.0.11: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js                           npm WARN ajv-keywords@3.4.0 requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself.                                   npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsevents):                                                                         npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})                                                                                                                                                               + px2rem-loader@0.1.9                                                           updated 1 package and audited 10789 packages in 24.964s                         found 3 vulnerabilities (1 low, 1 moderate, 1 high)                               run `npm audit fix` to fix them, or `npm audit` for details                   

 

   配置代码如下

const px2remLoader = {

loader:'px2rem-loader',

options:{

remUnit:50

}

}


// generate loader string to be used with extract text plugin

function generateLoaders (loader, loaderOptions) {

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


if (loader) {

loaders.push({

loader: loader + '-loader',

options: Object.assign({}, loaderOptions, {

sourceMap: options.sourceMap

})

})

}


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2019-02-28 18:59:57

同学你好,不知道是否是代码的问题,建议:可以将代码粘贴过来,也可以截个显示的图,便于准确的定位与解决问题。

祝学习愉快!

好帮手慕糖 2019-02-28 09:52:25

同学你好,使用同学粘贴的配置文件信息测试,是没有问题的哦,这里需要注意:配置文件修改后,要退出项目,重新运行。

希望能帮助到你,祝学习愉快!

  • 提问者 慕函数831747 #1
    我今天又看了一下,还是px不是rem
    2019-02-28 16:03:28
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师