Tag: sass

是一个捆绑的CSS用于所有子网站好？: 我最近开始使用node.js的东西。发现了webpack和sass-loader，请阅读它们。我想我知道了，但有一件事是困扰着我。当sass-loader将我所有的scss文件都捆绑到一个css文件中，我是否肯定要在所有子站点上使用这个文件？我猜这是错误的，所以我打算在大型，多个网站应用程序中做什么？

在node.js中使用与SASS的连接资产: 我在节点应用程序中使用connect-assets模块，无法使用node-sass模块使用sass。我可以把它与咖啡剧本合作。在我的server.coffee文件中 require "node-sass" connectAssets = require 'connect-assets' @_app.use connectAssets(src: __dirname + "/app/assets", jsDir: 'js', cssDir: 'css') 在我的玉石视图中我有： != css('reset') 在页面加载时出现以下错误：“找不到路由css / reset.css的文件”这是我为testing而放入的唯一sass文件，它按照文档指南命名：reset.css.scss 我在前端使用完全相同的咖啡文件处理过程，效果很好。我也用较less的模块尝试了这一点，我也得到了相同的结果。我在这里错过了一步？在这个过程中我能find什么小小的文档，听起来像是一个非常微不足道的任务，我不知道我做错了什么。

上海社会科学院; 如果元素大小大于16px，请更改font-family: 我甚至不知道如果这是可能的，我必须带一个RTL版本的网站是LTR ..我使用基金会5与节点和Grunt.Basically一个文件，覆盖原来的ltr文件的一些CSS规则.. 客户要求我; 当元素文本的大小超过16px时，请使用特殊的font-family。由于其他开发人员不断更改sass / css，因此需要一个工具（或SASS公式），以便在部署文件时自动切换字体系列咕噜。所以，而不是花费大量的时间“扫描”字体大小的整个css / sass文件，并重新创build这些规则与正确的字体家庭..我需要的东西，自动检测是否设置字体大小，然后检查是否大于16px，那么如果是这样，它会改变元素的字体系列。谢谢

keystoneJS将不会运行默认的CSS: 所以我创build了一个漂亮的默认keystoneJS项目，第一个出现的错误是，当本地运行的网站的默认CSS不会加载。它正在寻找site.min.css，但在文件夹中只有site.scss 在我通过sublime text 2 sublimeBuild编译scss之后，把文件重命名为site.min.css（来自site.css），它运行的很好，但是我担心的是为什么默认安装会出现这个错误。我应该在哪里改变这个？是否有一个scss生成器，所以我必须改变文件夹命名还是有一些其他问题？我的猜测是，它有一些跳过的步骤。我记得keystone的安装问我是否想用sass，所以我想所有的东西都应该没问题。问题是因为我没有使用咕噜声？我记得在某处读到，运行服务器时必须使用这个grunt工具而不是节点，并且在我的文件夹中看到一个Gruntfile，但是当安装grunt-cli时，grunt只是加载并终止服务器。

node-sass在Jenkins上安装失败: 我试图设置Jenkins来运行Gulp，但是在尝试安装node-sass（gulp-sass插件的依赖）时，它仍然失败。问题似乎是节点在安装过程中找不到脚本文件。我确认脚本确实存在于项目库中。当我在服务器上本地提取回购并安装时，它安装时没有问题。这让我觉得这是jenkins相关的环境问题。这是错误输出： > node-sass@2.1.1 install /root/.jenkins/jobs/odyssey-frontend/workspace/node_modules/gulp-sass/node_modules/node-sass > node scripts/install.js module.js:338 throw err; ^ Error: Cannot find module '/root/.jenkins/jobs/odyssey-frontend/workspace/node_modules/gulp-sass/node_modules/node-sass/scripts/install.js' at Function.Module._resolveFilename (module.js:336:15) at Function.Module._load (module.js:278:25) at Function.Module.runMain (module.js:501:10) at startup (node.js:129:16) at node.js:814:3 npm ERR! Linux 3.14.35-28.38.amzn1.x86_64 npm ERR! argv "node" "/home/ec2-user/.linuxbrew/bin/npm" "install" "–production" npm ERR! node v0.12.2 npm ERR! npm v2.7.6 […]

grunt-contrib-sass在Windows中不起作用: 我正在尝试使用Grunt将scss文件编译为css，但由于未知原因，我失败了。这是我的Gruntfile.js module.exports = function(grunt) { grunt.initConfig({ bower: { install: { options: { targetDir: 'dependencies', cleanup: true, layout: 'byComponent' } } }, sass: { foundation: { files: { 'a.css': 'a.scss' } } } }); grunt.loadNpmTasks('grunt-bower-task'); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.registerTask('dependencies', ['bower:install']); grunt.registerTask('assets', ['sass:foundation']); }; 我收到以下错误： > grunt assets Running "sass:foundation" (sass) task Warning: spawn C:\Windows\system32\cmd.exe;C\MySQL\bin ENOENT Use –force […]

NodeJS OSX错误build立节点sass: 我正在运行OSX 10.11.1并尝试npm install在package.json中npm install一个包含node-sass依赖项的项目： “dependencies”：{“node-sass”：“^ 3.4.2”} 我正在运行NPM版本2.14.7和节点版本4.2.3。当我运行npm install或npm rebuild node-sass我得到以下错误输出： > node-sass@2.1.1 postinstall / Users / markroper / code / mktg / node_modules / gulp-sass / node_modules / node-sass >节点脚本/ build.js gyp：/Users/markroper/.node-gyp/4.2.3/common.gypi not found（cwd：/ Users / markroper / code / mktg / node_modules / gulp-sass / node_modules / node-sass）阅读包括绑定.gyp尝试加载binding.gyp gyp ERR！ configuration错误 gyp ERR！ […]

用Webpack编译Scss: 我仍然想把自己的头包裹在webpack上，而来自Gulp的则很困惑。我的项目结构如下所示： ./root — src — styles.scss — bin — node_modules — webpack.config.js 所以，只需要一些简单的东西，我想编译src目录下的styles.scss ，并将其输出到bin目录。我安装了以下装载机：风格装载机 CSS-装载机 sass-loader（也安装了node_sass作为依赖）现在我知道我没有抓住Webpack的一些非常基础的东西，但是这里是我的webpack.config.js ： module.exports = { entry: './src/styles.scss', output: { path: './bin', filename: 'styles.css' }, module: { loaders: [ { test: /\.scss$/, loaders: ["style", "css", "sass"] } ] } }; 当我在我的目录的根目录下运行webpack ，它看起来像是有效的。但styles.css文件看起来像包含一堆JavaScript代码。所以我不明白，需要一些清晰。我隐约猜测，如果您的项目中没有任何JavaScript文件，则不能使用webpack（除了webpack.config.js当然…

stream明/药剂 – 文件导入未find或无法读取: 我需要在stream明项目中设置sass，从厨房水槽中制作的sass。这是我第一次设置它，所以我想知道如何设置一个gulpfile.js？我已经通过运行npm install来安装node_modules，并且还安装了laravel elixir。我已经把我的文件夹/文件结构看起来像这样： resources/assets/img /js/app.js /sass/_settings.scss app.scss 我的gulpfile.js看起来像这样： var elixir = require('laravel-elixir'); /* |————————————————————————– | Elixir Asset Management |————————————————————————– | | Elixir provides a clean, fluent API for defining some basic Gulp tasks | for your Laravel application. By default, we are compiling the Sass | file for our application, as well […]

在Azure应用程序服务上使用Node-sass快速应用程序: 我有一个基本的节点Web应用程序使用快递，依赖于节点Sass库。这是在Win64服务器上构build的，所以在npm安装过程中，由于当前的环境，它正在下载绑定二进制文件的x64版本。当其部署到Azure应用服务时，由于与节点sass绑定二进制文件不兼容，会引发运行时错误，因为节点在Azure应用服务中运行32位… 错误：缺less绑定D：\ home \ site \ wwwroot \ node_modules \ node-sass \ vendor \ win32-ia32-48 \ binding.node节点Sass无法为当前环境find绑定：Windows 32位与Node.js 6.x的 find以下环境的绑定： – 带有Node.js 6.x的Windows 64位当我明确检查32位绑定和重新部署我有时得到一个502网关错误… 502 – Web服务器在充当网关或代理服务器时收到无效的响应。您正在查找的页面出现问题，无法显示。当Web服务器（充当网关或代理）联系上游内容服务器时，它从内容服务器收到无效响应。有时我只是得到一个500，但它不再把错误写入日志。该应用程序显式依赖于node-sass-middleware软件包版本0.11，这取决于节点sass 4.3.0。没有任何错误日志，我处于死胡同。你以前遇到过这个问题，如果是的话，你是怎么解决的？