DellLee你好。我有几个问题。

Question

1. 修改层次比较深的.vue文件，没有热更新支持了，且必须重新启动服务器才能看到最新的效果。
2. 在编写 styl 样式代码时，我们安装了 stylus 和 stylus-loader 两个npm 包，但是在 webpack.config.js 中好像没有写代码指定这个 loader 吧。。。还是说，使用vue-cli 配置的模板中，已经帮我们指定好了。如果指定好了，在哪个文件中呢？
   
3. 为什么我在 style 标签里使用 @import 导入的语法和你那边的不一致，同时，不管我用你的那种还是自动提示给出的，在拿人头担保路径没有写错的情况下，运行界面老是提示 .styl 文件路径不存在的错误。（没有配置 reslove())
   

Answer 1

Dell 2018-12-23 00:53:50

1. 如果刷新也无效，和热更新没有关系，你重启后看下是否报错，十有八九是代码的问题，或者打包过程出现了问题，必须要重启。

2. 很显然，在vue-loader中，解析你的lang参数，内部自动帮你再调用对应的loader

3. 我强烈觉得你写错了：https://www.zhangxinxu.com/jq/stylus/import.php
   

Answer 2

提问者 qq_缺南摸了个北_0 2018-12-21 17:56:07

还有一个问题，关于iPhone Retina @2x @3x屏幕的。

设计师给的是 750px 对应的是 @2x 屏幕。

因为我之前写过iOS的代码，知道iOS里的单位是点(pt).所以，没有问题。

但是你在 HTML 里写的 font-size 50px 。这里的单位确实是像素的。

1rem = 50px .

然后再里面设置单位的时候是  .86rem = 43px .这里的单位仍然是像素的话，那就真的比设计图小了3/4了。

还是说rem会默认的根据屏幕去换算？如果是 @2x实际就是 86px ，如果是 @3x屏实际就是 129px?

• Dell #1

  我确实在大屏上会缩小屏幕，并不是等比例显示，如果你希望等比例，自己根据屏幕宽度，计算下新的font-size ,用js替换老的font-size即可