首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在高速公路4.x中将较少的文件编译成css

在高速公路4.x中将较少的文件编译成css
EN

Stack Overflow用户
提问于 2015-06-02 17:25:07
回答 2查看 578关注 0票数 10

我想编译在高速公路应用程序的公用文件夹中的较少的文件。

我使用的依赖项是

代码语言:javascript
运行
复制
"devDependencies": {
    "ejs": "^2.3.1",
    "express": "^4.10.6",
    "mysql": "^2.5.4"
  },
  "dependencies": {
    "less": "^2.5.1",
    "less-middleware": "^2.0.1"
  }

styles.less文件中的内容

代码语言:javascript
运行
复制
header {
    background-image: url('../img/bg.png');
    height: 380px;

    input#searchBox {
        width: 100%;
        height: 70px;
    }
}

服务器文件如下所示

代码语言:javascript
运行
复制
var express = require('express'); // call express
var app = express(); // define our app using express
app.use(require('less-middleware')('public'));
// Public folder
app.use(express.static('public'));

在服务器上运行较少的文件时不会修改它。

代码语言:javascript
运行
复制
Remote Address:127.0.0.1:3000
Request URL:http://localhost:3000/css/styles.less
Request Method:GET
Status Code:304 Not Modified

这里有什么错误。

目录结构:

编辑:

代码语言:javascript
运行
复制
header {
    background-image: url('../img/bg.png');
    height: 380px;
    #cloud-tag span {
        color: #fff;
        font-weight: 800;
        letter-spacing: 2px;
    }
    #cloud-tag_word_0 {
        font-size: 100px !important;
    }
}

我在更少的文件中添加了这个css,它被以相同的格式发送到浏览器,而没有被编译。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-06-06 10:39:04

您必须请求css文件,而不是较少的文件,在您的示例中,必须请求http://localhost:3000/css/styles.css而不是http://localhost:3000/css/styles.less。中间件将将较少的文件编译为您所请求的文件。

票数 7
EN

Stack Overflow用户

发布于 2015-06-03 16:37:02

看起来,初始化要表达的中间件的方式可能是问题所在。使用"__dirname + '/public'“表示文件夹。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30602679

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档