zoukankan      html  css  js  c++  java
  • vuecli3.x 中使用px2rem 忽略指定文件 不影响ui组件样式的解决方案

    最近在用vuecli3.x搭建项目    安装了postcss-px2rem但是影响了ui组件的样式,网上的方法都试过,总结下

    1. postcss-px2rem不能忽略指定文件   需要安装postcss-px2rem-exclude(安装前需要先卸载postcss-px2rem)

        npm uninstall postcss-px2rem

        npm i postcss-px2rem-exclude -D
    2.  在项目搭建的时候要选择配置文件的位置了。

         对于 Babel 、 PostCSS 等,都可以有自己的配置文件: .babelrc 、 .postcssrc 等等

         或者也可以把配置信息放在 package.json 里面

    3. 要是选择独立配置文件的 直接在根目录下  postcss.config.js内修改

    exclude  就是要忽略的文件    

     
     

    4. 最坑的就是你选的配置信息都放在 package.json 里面

    我参照网上的方法 把配置放在package.json  根本无效

     
     

    之后我查看了postcss-px2rem-exclude 的源码,发现在package.json中加入的配置传过去的是  "/node_moudules/i"是字符串,并不是正则表达式,所以根本无效,我自己试了2中方法均有效

     
     

    第一种: 就是删除package.json 中关于postcss的配置

                    然后在根目录下新建postcss.config.js,把package.json中的postcss配置放到postcss.config.js

                    同3  

                    module.exports = {

                      plugins: {

                            autoprefixer: {},

                            "postcss-px2rem-exclude": {

                                  "remUnit": 32,

                                  "exclude": "/node_modules/i"

                            }

                      }

                    }

    第二种  就是修改postcss-px2rem-exclude 源码

    /node_modules/postcss-px2rem-exclude/lib/index.js 文件 增加如下内容,即可

     
     

  • 相关阅读:
    云原生范式转变:您准备好了吗?
    CentOS 6.x 开机 自启动 脚本
    忠告 程序员 先思考再编程,累的时候不要写代码
    服务化架构组件清单
    代码自动修复
    选择塑造人生
    mariadb change password
    Spring 集成 Druid Monitor URL 配置转义问题(xml or properties)
    挣钱 vs. 花钱
    管理的要义
  • 原文地址:https://www.cnblogs.com/guandekuan/p/10551711.html
Copyright © 2011-2022 走看看