无法使用 WebStorm 设置 Compass答案

【问题标题】：Can't setup Compass with WebStorm无法使用 WebStorm 设置 Compass
【发布时间】：2016-10-15 22:59:26
【问题描述】：

我正在尝试在预先存在的 WebStorm 项目中设置 Compass，但是 css 文件没有正确链接。我已经厌倦了更改相关链接，但没有任何运气。

我通过运行compass init 生成了文件夹和config.rb。理想情况下，我希望移动这些文件夹，以便它们都在 public 下（即 sass、样式表等）

我将它们包含在layout.jade 中

 link(rel='stylesheet', href='/stylesheets/screen.css'
    media="screen, projection" type="text/css" )

看截图：

//因为我发不了那么多链接所以删除了

我没有收到任何错误，只是样式不适用于页面。

编辑：

我很困惑 - 样式表下的 css 看起来是正确的，但是 scss 文件下的 css 有错误 ' File to import not found or unreadable: compass/reset.在 screen.scss' 的第 6 行。为什么会有两个css文件？：

编辑 3：

错误似乎在这里，但我不知道如何解决它？

【问题讨论】：

【解决方案1】：

我发现了问题：

因为：

app.use(express.static(path.join(__dirname, 'public')));

在app.js中，layout.jade中的jade代码编译自：

layout.jade

href='/stylesheets/screen.css'

进入：

index.html

href='/public/stylesheets/screen.css'

将样式表等文件夹移至 public 并更新 config.rb 修复它。

config.rb:

css_dir = "/public/stylesheets"
sass_dir = "/public/sass"
images_dir = "/public/images"
javascripts_dir = "/public/javascripts"

【讨论】：