当前位置: 首页 > 面试题库 >

如何通过Express安装SASS?

沈巴英
2023-03-14
问题内容

我正在使用Express和socket.io创建一个node.js应用程序。我想使用SASS,但我看到有一个npm软件包,我不了解的是如何在SASS
npm和应用程序之间链接并使其解析SASS?

更新:我使用SASS中间件https://github.com/andrew/node-
sass
安装了它,并通过以下方式包括了它:

  sass = require('node-sass');


app.configure(function(){
  app.set('port', process.env.PORT || 3000);

  /* other stuff */

  sass.middleware({
    src: __dirname + '/public/stylesheets/sass',
    dest: __dirname + '/public/stylesheets',
    debug: true
  });
});

但这仍然行不通


问题答案:

您需要使用sass中间件,例如此。

引用文档:

var server = connect.createServer(
   sass.middleware({
       src: __dirname
       , dest: __dirname + '/public'
       , debug: true
    }),
   connect.static(__dirname + '/public')
);

如果使用快递,只需添加:

 app.use(
     sass.middleware({
         src: __dirname + '/sass', //where the sass files are 
         dest: __dirname + '/public', //where css should go
         debug: true // obvious
     })
 );

给你app.configure()打电话。

当然,在生产系统上,最好将sass预编译为css。

更新

在上面的示例中,中间件将在中查找sass文件__dirname + '/sass/css'。默认情况下,它还会查找带有.scss扩展名的文件。似乎没有更改扩展名的选项。



 类似资料:
  • 本文向大家介绍express 安装,包括了express 安装的使用技巧和注意事项,需要的朋友参考一下 示例 Express JS是用于开发的goto框架Web Applications,APIs几乎可以Backend使用Node进行任何形式的开发。 要安装express,您所要做的就是运行npm命令 npm install express --save 这样就完成了。 创建并运行新的快递服务器

  • 首先假定你已经安装了 Node.js,接下来为你的应用创建一个目录,然后进入此目录并将其作为当前工作目录。 $ mkdir myapp $ cd myapp 通过 npm init 命令为你的应用创建一个 package.json 文件。 欲了解 package.json 是如何起作用的,请参考 Specifics of npm’s package.json handling. $ npm in

  • 本文向大家介绍python安装模块如何通过setup.py安装(超简单),包括了python安装模块如何通过setup.py安装(超简单)的使用技巧和注意事项,需要的朋友参考一下 有些时候我们发现一些模块没有提供pip install 命令和安装教程 , 只提供了一个setup.py文件 , 这个时候如何安装呢? 步骤 打开cmd 到达安装目录 python setup.py build pyth

  • 我试图安装Laravel框架在Windows与Laravel Installer方法。 在留档中我发现了以下内容: 首先,使用Composer下载Laravel安装程序。确保在路径中放置“~/.composer/vendor/bin”目录,以便在终端中运行laravel命令时找到laravel可执行文件。 现在我对这条路并不熟悉。你能告诉我Windows的工作路径吗? 顺便说一句:我用的是WAMP

  • 提示:Bower 是一个前端资源包管理工具,使用它可以方便的下载和管理前端包资源。如果你暂时没有用到 Bower,可以跳过本文。注意:Bower 已经停止维护,不建议继续使用 Bower 安装 Highcharts。 我们提供的 Bower 包,包含了 Highcharts、Highstock、Highmaps 及相关的 js 文件,通过以下命令即可安装 bower install highcha

  • 提示:npm 是 nodejs 包管理工具,可以方便的管理和使用 nodejs 包,如果你暂时没有用到,可以跳过本文。 我们提供的 Highcharts npm 包,包含了 Highcharts、Highstock、Highmaps 及所有的功能模块,通过下面的命令即可完成安装 npm install highcharts --save 1. 加载  Highcharts var Highcha