FE_liyangyang
FE_liyangyang
  • 发布:2022-10-11 14:52
  • 更新:2022-10-11 15:25
  • 阅读:370

微信小程序-App.vue 引入自定义scss文件报错

分类:uni-app

<style lang="scss">
@import url("static/css/common.scss");
</style>
这样引入后在微信里面是不编译的,common.scss里面的写法不编译

如果把common.scss直接写到app.vue或者写在uni.scss是可以的

微信小程序目前是不支持引入自定义的scss文件吗?

2022-10-11 14:52 负责人:无 分享
已邀请:
e***@hotmail.com

e***@hotmail.com

按照文档的说法,static 目录下的文件是不会编译的。

https://uniapp.dcloud.net.cn/tutorial/project.html

编译到任意平台时,static 目录下的文件均会被完整打包进去,且不会编译。非 static 目录下的文件(vue、js、css 等)只有被引用到才会被打包编译进去。

建议把 common.scss 换个目录放试试

  • FE_liyangyang (作者)

    哦哦,明白了,好的谢谢

    2022-10-11 15:43

  • FE_liyangyang (作者)

    换了一自定义目录还是不编译,结果一样,但百度小程序没问题,微信还是不行,是必须写在App.vue里面或者uni.scss里面?

    2022-10-11 15:49

  • e***@hotmail.com

    回复 1***@qq.com: 理论上应该没有平台差异,都会编译到main.wxss 里面去。


    但我发现你贴出来的@import url("static/css/common.scss");末尾分号是中文分号,检查下会不会是这个原因。

    2022-10-11 16:59

  • FE_liyangyang (作者)

    回复 e***@hotmail.com: 不是,确实是英文结尾的也不行,已经放弃了,写在app.vue里面了

    2022-10-13 17:00

该问题目前已经被锁定, 无法添加新回复