scss 如何引入小程序 wxss 文件

2021-06-07 11:20:06 +08:00
 iamqiwei

我在 scss 里面使用 @import 会报错,

@import "xxxx.wxss";

如果我把这个 wxss 文件改名为 css 就没问题= =
有办法可以让 scss 正常引入 wxss 吗?
或者忽略掉这个引入,直接输出 ‘@import "xxxx.wxss";’ 到 wxss 文件?
我是 webstorm 的 file watcher 来处理的

775 次点击
所在节点    问与答
2 条回复
Ayers
2021-06-07 17:56:25 +08:00
我是使用 gulp 处理小程序的。关于 scss 里用 wxss 请参考。主要是利用 scss 的 screen 于正则替换
```
// scss 文件
@import '../xxx.wxss' screen;

gulp
... // 省略
.pipe(replace(/@import\s(.+)\sscreen;/g, function ($1, $2) {
return '@import ' + $2 + ';';
}))
... // 省略

```
iamqiwei
2021-06-07 18:23:47 +08:00
@Ayers 好的,我研究一下

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/781832

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX