V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
iamqiwei
V2EX  ›  问与答

scss 如何引入小程序 wxss 文件

  •  
  •   iamqiwei · 2021-06-07 11:20:06 +08:00 · 786 次点击
    这是一个创建于 1267 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    ```
    iamqiwei
        2
    iamqiwei  
    OP
       2021-06-07 18:23:47 +08:00
    @Ayers 好的,我研究一下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3309 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 12:17 · PVG 20:17 · LAX 04:17 · JFK 07:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.