资讯专栏INFORMATION COLUMN

解决antd-mobile样式被postcss转换的问题

timger / 3865人阅读

摘要:思路是在里不对库的文件起作用。经过尝试配置如下显示就是正常的了。

思路是在webpack里postcss-loader不对库的文件起作用。经过尝试配置如下:

                    {
                        test: /.(css|less)$/,
                        use: [
                            require.resolve("style-loader"),
                            {
                                loader: require.resolve("css-loader"),
                                options: {
                                    sourceMap: true,
                                    importLoaders: 1,
                                },
                            },
                            {
                                loader: require.resolve("postcss-loader"),
                                options: postcssOptions,
                            },
                            {
                                loader: require.resolve("less-loader"),
                                options: {
                                    sourceMap: true,
                                    modifyVars: lessModifyVars,
                                },
                            },
                        ],
                        exclude: /node_modules/,
                    },
                    {
                        test: /.(css|less)$/,
                        use: [
                            require.resolve("style-loader"),
                            {
                                loader: require.resolve("css-loader"),
                                options: {
                                    sourceMap: true,
                                    importLoaders: 1,
                                },
                            },
                            {
                                loader: require.resolve("less-loader"),
                                options: {
                                    sourceMap: true,
                                    modifyVars: lessModifyVars,
                                },
                            },
                        ],
                    },

显示就是正常的了。

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

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

相关文章

  • React+dva+webpack+antd-mobile 实战分享(一)

    摘要:再看本篇文章之前,本人还是建议想入坑的童鞋可以选有来创建的项目,因为现在和还不成熟,坑相对要多一些,当然如果你已经做好跳坑的准备,那么请继续往下走本文适合对有一定了解的人。 再看本篇文章之前,本人还是建议想入坑react的童鞋可以选有create-react-app来创建react的项目,因为现在dva和roadhog还不成熟,坑相对要多一些,当然如果你已经做好跳坑的准备,那么请继续往...

    ziwenxie 评论0 收藏0
  • antd-mobile按需加载样式和自定义样式

    antd-mobile 引入css的样式的两种方式 在入口处引入样式 // 一般入口文件是index.js import antd-mobile/dist/antd-mobile.css; // or antd-mobile/dist/antd-mobile.less 或者下面这种方式引入样式 和上面的方法不同的地方就是,上面是直接从包文件的路径中引入样式,这个方法是将安装包里面lib目录下的a...

    FrozenMap 评论0 收藏0
  • PostCSS自学笔记(二)【番外篇一】

    摘要:通过配置规则和单位使用或来解决。其他关于我个人的一系列学习介绍及总结有兴趣可以参阅自学笔记一安装使用篇自学笔记二插件篇自学笔记二番外篇一自学笔记二番外篇二 利用PostCSS解决移动端REM适配问题 上一期有提到结合postcss-px2rem插件来处理移动端适配的方案,以及相关的避坑方法,之后总觉得这个解决方案问题太多,也就诞生了另一套方案运用postcss-pxtorem插件来进行...

    Harpsichord1207 评论0 收藏0

发表评论

0条评论

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