全局引入样式和局部引入样式均有不生效的情况

[your一Master]

目前再小程序上使用，如题所述，我在引入了taro-ui 的样式出现了一些组件只生效了全局引入的样式，一些组件只生效了局部引入的样式反倒全局引入的没有用。

// app.scss
@import "~taro-ui/dist/style/index.scss";

// ArticleItem.scss
// @import "~taro-ui/dist/style/components/tag.scss";
@import "~taro-ui/dist/style/components/article.scss";

三个引入中第一个为全局 app.scss 中一次性引入，后面两个分别为 tag 的样式和 article 的样式，但是现在 article 的样式就是全局的不生效，这里局部的引入才生效，而 tag 的引入则是局部的引入不生效，全局的才生效，这里局部的 tag 的样式引入与否没有区别。有没有办法解决这个问题，让我要么全局引入要么局部引入啊，如果能局部引入最好。

1. 全局引入+局部引入（均生效）

// app.scss
@import "~taro-ui/dist/style/index.scss";

// ArticleItem.scss
// @import "~taro-ui/dist/style/components/tag.scss";
@import "~taro-ui/dist/style/components/article.scss";

2. 注释掉局部引入保留全局引入（article样式不生效）

// app.scss
@import "~taro-ui/dist/style/index.scss";

// ArticleItem.scss
// @import "~taro-ui/dist/style/components/tag.scss";
// @import "~taro-ui/dist/style/components/article.scss";

3. 注释掉全局引入，保留局部引入（tag 样式不生效）

// app.scss
// @import "~taro-ui/dist/style/index.scss";

// ArticleItem.scss
@import "~taro-ui/dist/style/components/tag.scss";
@import "~taro-ui/dist/style/components/article.scss";

如上所示，求解！

[隔壁老李]

https://taro-ui.aotu.io/#/docs/questions

[your一Master]

组件内再次引入能解决全局不生效的问题，但是不能解释局部样式不生效全局反倒生效的问题啊。