scss 如何引入小程序 wxss 文件 - V2EX

首页注册登录

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 1276 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

@import "xxxx.wxss";

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

2 条回复 • 2021-06-07 18:23:47 +08:00

1

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 + ';';
}))
... // 省略

```

2

iamqiwei

OP

2021-06-07 18:23:47 +08:00

@Ayers 好的，我研究一下

关于 · 帮助文档 · 博客 · API · FAQ · 实用小工具 · 5760 人在线 最高记录 6679 ·

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 29ms · UTC 03:06 · PVG 11:06 · LAX 19:06 · JFK 22:06
Developed with CodeLauncher
♥ Do have faith in what you're doing.