Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug report] app.mpx 中的 <style src="" /> 无法将被引用的文件添加进 app.wxss #943

Closed
ItsRyanWu opened this issue Feb 8, 2022 · 6 comments
Labels
processing will provide or fix soon

Comments

@ItsRyanWu
Copy link
Contributor

ItsRyanWu commented Feb 8, 2022

问题描述
请用简洁的语言描述你遇到的bug,至少包括以下部分,如提供截图请尽量完整:

  1. 问题触发的条件:
    在 app.mpx 中使用 <style src="" /> 引入样式文件,如
<style src="./windi.css"></style>
  1. 期望的表现:
    被引入的样式文件会以 @import ""; 的形式添加到对应的 app.wxss 文件中
  2. 实际的表现:
    app.wxss 并未生成,即使生成也不会包含对应的 @import "";。同时 dist 目录会生成 styles 文件夹,其内包含被引用的样式 wxss 文件版本。dist 目录还会生成一个 missing-filename.wxss 里面包含所有 styles 文件夹内样式文件的 import 声明。可由于 app.wxss 并未引用目标文件所以目标样式不会在小程序中起作用。
    但是,如果同样的场景放在 page.mpx 中则会正常起作用,便会符合预期。所以该问题只会发生在 app.mpx 中。

环境信息描述
至少包含以下部分:

  1. 系统类型(Mac或者Windows)
    Mac
  2. Mpx依赖版本(@mpxjs/core、@mpxjs/webpack-plugin和@mpxjs/api-proxy的具体版本,可以通过package-lock.json或者实际去node_modules当中查看)
    "@mpxjs/api-proxy": "^2.7.1",
    "@mpxjs/core": "^2.7.2",
    "@mpxjs/webpack-plugin": "^2.7.2"

复现 demo:
https://github.com/ItsRyanWu/mpx-debug

@Lewage59
Copy link

Lewage59 commented Feb 8, 2022

尝试一下将 <style src="./windi.css"></style> 替换成 <style src="windi.css"></style>

@ItsRyanWu
Copy link
Contributor Author

尝试一下将 <style src="./windi.css"></style> 替换成 <style src="windi.css"></style>

@Lewage59 也无法支持,会报错:Cannot find module 'windi.css...'

@Lewage59
Copy link

Lewage59 commented Feb 8, 2022

@ItsRyanWu 能否提供一下问题代码demo,我跑一下

@Blackgan3 Blackgan3 added the processing will provide or fix soon label Feb 9, 2022
@ItsRyanWu
Copy link
Contributor Author

ItsRyanWu commented Feb 9, 2022

@Lewage59 @Blackgan3
https://github.com/ItsRyanWu/mpx-debug
复现 demo 在这里
image
image

@Blackgan3
Copy link
Collaborator

@Lewage59 @Blackgan3 https://github.com/ItsRyanWu/mpx-debug 复现 demo 在这里 image image

这块确实有点问题,正在修复中哈

@hiyuki
Copy link
Collaborator

hiyuki commented Feb 10, 2022

https://github.com/didi/mpx/releases/tag/v2.7.5 fixed

@hiyuki hiyuki closed this as completed Feb 10, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
processing will provide or fix soon
Projects
None yet
Development

No branches or pull requests

4 participants