资讯专栏INFORMATION COLUMN

vue cli 3.x 的坑之 px2rem-loader

imtianx / 3285人阅读

摘要:使用脚手架搭建项目,在里面配置后,一直报错在的有相同的问题,作者回复建议使用插件来代替这个

使用 vue cli 3.x脚手架搭建项目,在 vue.config.js 里面配置 px2rem-loader 后,一直报错

Module build failed (from ./node_modules/px2rem-loader/index.js):
Error: undefined:1:40: missing "{"

px2rem-loaderissues 有相同的问题,作者回复建议使用 postcss 插件来代替这个 loader

https://github.com/Jinjiang/p...

module.exports = {
    css: {
        loaderOptions: {
            postcss: {
                plugins: [require("postcss-px2rem")({
                    remUnit: 75
                })]
            }
        }
    }
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100256.html

相关文章

  • webpack手动构建vuevue-cli构建使用 px2rem-loader ,全局自动转换px

    摘要:做移动端时,适配是必须的。使用单位,可在不同屏幕上完美显示相同的布局。文件首先要把转成正常的,在交给来做,所以是外还需要加上一个设计稿宽度表示转换过程小数保留几位。安装配置结束后,重启项目。会发现自己设置的被转为了。 做移动端时,适配 是必须的。使用rem单位,可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。 1. 自己手动构建vue webpck配置...

    AWang 评论0 收藏0
  • vuevue-cli构建使用 px2rem-loader ,全局自动转换px单位,完美解决引入第三

    摘要:使用的小伙伴儿会用到淘宝的开源的适配方案去轻松的完成适配,这也是我最喜欢的,但是使用这个方案时,你引入第三方库时样式会变小。。这个坑难的我不行,各种百度,各种想法,差一点就放弃了这个方案。 最近公司的的项目赶,作为前端的小白懒出新的高度,使出专业的技能 --复制粘贴!!(改别人的代码也是煎熬)我经常做一些H5页面,这样就会遇到适配这个头疼的问题,我分享下我用经常用到的适配方案: 这里...

    CodeSheep 评论0 收藏0
  • vuevue-cli构建使用 px2rem-loader ,全局自动转换px单位,完美解决引入第三

    摘要:使用的小伙伴儿会用到淘宝的开源的适配方案去轻松的完成适配,这也是我最喜欢的,但是使用这个方案时,你引入第三方库时样式会变小。。这个坑难的我不行,各种百度,各种想法,差一点就放弃了这个方案。 最近公司的的项目赶,作为前端的小白懒出新的高度,使出专业的技能 --复制粘贴!!(改别人的代码也是煎熬)我经常做一些H5页面,这样就会遇到适配这个头疼的问题,我分享下我用经常用到的适配方案: 这里...

    monw3c 评论0 收藏0
  • vuevue-cli构建使用 px2rem-loader ,全局自动转换px单位,完美解决引入第三

    摘要:使用的小伙伴儿会用到淘宝的开源的适配方案去轻松的完成适配,这也是我最喜欢的,但是使用这个方案时,你引入第三方库时样式会变小。。这个坑难的我不行,各种百度,各种想法,差一点就放弃了这个方案。 最近公司的的项目赶,作为前端的小白懒出新的高度,使出专业的技能 --复制粘贴!!(改别人的代码也是煎熬)我经常做一些H5页面,这样就会遇到适配这个头疼的问题,我分享下我用经常用到的适配方案: 这里...

    loostudy 评论0 收藏0
  • 说说vue-cli中使用flexible和px2rem-loader

    摘要:下载或在项目中引入一般情况在中引入设置标签视情况而定安装或在中配置,在项目文件中找到,将添加到中,,下的根据设计稿而定具体如下编译新加由于设计稿是添加到里面省略项目中使用假设设计稿和分别是,具体代码 1.下载lib-flexible npm i lib-flexible --save 或 yarn add lib-flexible 2.在项目中引入lib-flexible 一般情况在...

    Heier 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<