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 文件 增加如下内容,即可

     
     

  • 相关阅读:
    程序编译与代码优化 -- 早期(编译期)优化
    Java字节码指令
    知识点
    Openresty配置文件上传下载
    Openresty + nginx-upload-module支持文件上传
    G1日志分析
    Garbage First(G1)垃圾收集器
    Java内存分析工具jmap
    编译JDK1.7
    Java服务CPU占用高问题定位方法
  • 原文地址:https://www.cnblogs.com/guandekuan/p/10551711.html
Copyright © 2011-2022 走看看