node.js - Express.js + 减 : How to configure properly

Question

我尝试了“less”和“less-middleware”模块。我尝试了在所有教程中找到的所有不同的代码片段。没有可用的文档。有人可以解释一下如何配置 Express.js 和 Less，以便正确预编译 less 吗？!

使用以下问题作为指导:

1. 您应该使用“less”模块还是“less-middleware”模块？什么是官方/支持的方式？什么是优越？
2. /public 中的目录结构 应该是什么样子？ (您需要任何特定的文件夹？'styles'/'less'/'css'？还是由你自己决定？)
3. 如何根据目录结构配置 express 应用(来自问题 2)。 (静态文件和编译器选项或less-middleware，这里哪些目录很重要)
4. 如何从 html 中引用我预编译的 stylesheet？ (使用 .less 或 .css？什么引用类型？什么目录路径？)

如果有人能回答，那就太好了:-)

Answer 1

此解决方案仅适用于 express 2.x。

我找到了解决方案，希望对某人有所帮助:

---

1.更少或更少的中间件

我使用较少，因为我读过它是官方端口。但不确定有什么区别，因为没有可用的文档。

<强>2。目录结构:

您的目录结构并不重要。但强烈建议有一个公用文件夹来提供所有静态内容，如 JavaScript、、Less、CSS 或图像文件。

3.应用配置:

你需要两个具体的东西来让 less 正常工作:

首先是编译器，用于编译较少的文件:

    app.use(express.compiler({ src : __dirname + '/public', enable: ['less']}));

其次，显示在哪里可以找到静态文件!

    app.use(express.static(__dirname + '/public'));

两者都应该指向您的公用文件夹!

4. html

    <link rel="stylesheet" href="/styles/bootstrap.css">

直接指向您的无根文件，该文件位于您的公共(public)文件夹中的某个位置。

5.更少的文件

感谢 this回答我一直都知道哪里出了问题。 less.js 中存在某种错误。它不会找到您在根文件中导入的所有较少文件。所以你必须为每个导入添加正确的路径!!!

替换@import "reset.less";和@import "/public/styles/reset.less";为您拥有的每一次导入!

等等... :-)

---

感谢所有帮助解决此问题的人。也看看韦斯约翰逊的回答。我认为他有一个非常好的解决方案，但不知何故对我不起作用......