我已经配置了我的IDE（ WebStorm ）来观看我的所有 Stylus文件并立即使用文件监视器<编译 css /强>
所以，如果我有这个结构：
styles
|-folder1
| └-file1.styl
└-folder2
└-file2.styl
如果我希望我的文件file1.styl引用file2.styl的样式，我会这样做：
// File: file1.styl
@import '../folder2/file2'
我的服务器处理它，编译所有内容并按预期正常运行。我的IDE使这个简单的自动完成我的依赖路径，并将它们编译为 css ，向我展示最终结果。它实际上是这样的：
styles
|-folder1
| └-file1.styl
| └-file1.css
└-folder2
└-file2.styl
└-file2.css
所以，此时一切运作良好。
现在，在我的架构中，我有这个结构正常工作：
styles
|-common
| └-commonfile.styl
|-folder1
| └-file1.styl
└-folder2
└-file2.styl
这样：
// File: file1.styl
@import 'commonfile' // No relative path here.
@import '../folder2/file2'
因此，common文件夹（或commonfile.styl）现在始终可以从任何其他手写笔文件访问，而 webpack 可以神奇地解决它（因为我没有访问它的配置文件）。
但是，我的IDE不知道common文件夹中的文件是否可以从其他文件访问，并认为我错了。当它说 Stylus 试图编译file1.styl时， Stylus 说找不到@import文件commonfile.styl 。
那么，¿我应该如何从 WebStorm 设置手写笔 文件观察器，以便从所有中引用commonfile.styl .styl文件以某种方式编译它们？
作为额外的，¿可以使自动完成功能在这种情况下正常工作吗？
或者至少，¿WebPack如何告诉Stylus处理这种情况？