[Bug] umi3.0 src/global.less 未自动引入进来

chenleyiduo commented 3 years ago

What happens?

在global.less里面写了但是项目中启动未能看到global.less里面写的样式

@import '~antd/dist/antd.compact.css';

.small-table1{
    font-size: 10px;
    :global( .ant-table.ant-table-small){
        font-size: 10px;
    }
}
.ant-table.ant-table-small{
    font-size: 10px;
}

最小可复现仓库

请使用 yarn create @umijs/umi-app 创建，并上传到你的 GitHub 仓库

复现步骤，错误日志以及相关配置

相关环境信息

Umi 版本：3.x
Node 版本：12.x.x
操作系统：windows

sorrycc commented 3 years ago

重启后有效吗？umi g tmp 看下 src/.umi/umi.ts 里有没有 global.less 的引用。

github-actions[bot] commented 3 years ago

Hello @chenleyiduo. In order to facilitate location and troubleshooting, we need you to provide a realistic example. Please use yarn create @umijs/umi-app to create and upload it to your GitHub repository.

你好 @chenleyiduo, 为了方便定位和排查问题，我们需要你提供一个重现实例。请使用 yarn create @umijs/umi-app 创建，并上传到你的 GitHub 仓库。

chenleyiduo commented 3 years ago

重启后有效吗？umi g tmp 看下 src/.umi/umi.ts 里有没有 global.less 的引用。

umi.ts里面有global.less的引用

sorrycc commented 3 years ago

那就是有效的，可以试着调高优先级，另外 compat 可通过 antd 配置实现，参考 https://umijs.org/zh-CN/plugins/plugin-antd#compact

chenleyiduo commented 3 years ago

那就是有效的，可以试着调高优先级，另外 compat 可通过 antd 配置实现，参考 https://umijs.org/zh-CN/plugins/plugin-antd#compact

增加了!important就可以了，但是想问下在没有增加!important的时候在浏览器的style中为什么不可见覆盖的样式？就算被划掉了，至少是可见的

我尝试过用配置的方式使用compat，下载@umijs/plugin-antd后启动就会报如下错误

D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend>npm run start

> @ start D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend
> umi dev

plugin @umijs/plugin-antd is already registered by D:/ReactWorkspace/iam_v1_uims_iam-web-project/iam-web-frontend/node_modules/@umijs/plugin-antd/lib/index.js, plugin from D:/ReactWorkspace/iam_v1_uims_iam-web-project/iam-web-frontend/node_modules/@umijs/plugin-antd/lib/index.js register failed.
Error: plugin @umijs/plugin-antd is already registered by D:/ReactWorkspace/iam_v1_uims_iam-web-project/iam-web-frontend/node_modules/@umijs/plugin-antd/lib/index.js, plugin from D:/ReactWorkspace/iam_v1_uims_iam-web-project/iam-web-frontend/node_modules/@umijs/plugin-antd/lib/index.js register failed.
    at Service.registerPlugin (D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend\node_modules\@umijs\core\lib\Service\Service.js:457:13)
    at D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend\node_modules\@umijs\core\lib\Service\Service.js:436:14
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend\node_modules\@umijs\core\lib\Service\Service.js:108:103)
    at _next (D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend\node_modules\@umijs\core\lib\Service\Service.js:110:194)
    at D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend\node_modules\@umijs\core\lib\Service\Service.js:110:364
    at new Promise (<anonymous>)
    at D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend\node_modules\@umijs\core\lib\Service\Service.js:110:97
    at Service.initPlugin (D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend\node_modules\@umijs\core\lib\Service\Service.js:442:7)
    at D:\ReactWorkspace\iam_v1_uims_iam-web-project\iam-web-frontend\node_modules\@umijs\core\lib\Service\Service.js:317:22

sorrycc commented 3 years ago

plugin @umijs/plugin-antd is already registered by D:/ReactWorkspace/iam_v1_uims_iam-web-project/iam-web-frontend/node_modules/@umijs/plugin-antd/lib/index.js, plugin from D:/ReactWorkspace/iam_v1_uims_iam-web-project/iam-web-frontend/node_modules/@umijs/plugin-antd/lib/index.js register failed.

插件重复注册的问题，依赖里不要重复包含 @umijs/plugin-antd 就好。