Tag: sass

让SASS从特定文件（自动）编译到不同的文件夹

我有/source/sass/skin1_settings.scss其中包含来自/vendors/foundation/一些特定的设置风格和app.scss 。 我想我的node.JS直接编译到/skin/skin1/css/app.css ，我该怎么做？ 注：第二种风格是相同的。 我正在使用node-sass-middleware为了在Express中使用node-sass。 app.use( sass({ src: [sass_folder], dest: [css_folder], debug: true, }) ); 这是我的树结构，谢谢。 ./ +–vendors/ <– Third-party libs from external vendors +–jquery/ +–foundation/ +–angularjs/ +–modernizr/ +–source/ +–sass/ <– custom stylesheet (not present on the prod server) +–skin1_settings.scss +–skin2_settings.scss +–app.scss +–skin/ +–skin1/ +–img/ <– imported images (..@2x, ..@3x) +–css/ <– generated stysheet […]

Grunt Serve错误，运行“罗盘：服务器”（指南针）任务错误：无效的选项： – 无相对资产

我发布了一个使用Yo创build的项目，它是一个angularJS / HTML5应用程序。 使用GitHub进行分发时，所有用户都可以设置和运行应用程序。 但是，有一个用户正在收到以下错误，我从来没有见过或经历过这个，但我需要帮助解决这个问题： Warning: Running "compass:server" (compass) task Error: invalid option: –no-relative-assets Usage: compass compile [path/to/project] [path/to/project/src/file.sass …] [options] Warning: Running "compass:server" (compass) task Error: invalid option: –no-relative-assets Usage: compass compile [path/to/project] [path/to/project/src/file.sass …] [options] 我使用npm install重新安装了节点模块，并在Mac上检查了sass和compass版本，我得到了以下结果： $ sass -v Sass 3.4.9 (Selective Steve) $ compass -v Compass 1.0.1 (Polaris) Copyright (c) 2008-2015 […]

未加载库：/usr/lib/libc++.1.dylib OSX

我试图在我的机器上运行一个Meteor.js应用程序 ，并得到这个错误，我想我的意思是我需要得到libc ++。1.dylib ，但我不知道是否有其他东西我缺less（libc ++安装是一个痛苦） ： While loading plugin `fourseven:scss` from package `fourseven:scss`: module.js:356:32: dlopen(/Users/m/.meteor/packages/fourseven_scss/.1.0.0.wp4tvk++os.linux.x86_64+os.osx.x86_64+web.browser+web.cordova/plugin.fourseven:scss.os.osx.x86_64/npm/fourseven:scss/node_modules/node-sass/bin/darwin-x64-v8-3.14/binding.node, 1): Library not loaded: /usr/lib/libc++.1.dylib Referenced from: /Users/m/.meteor/packages/fourseven_scss/.1.0.0.wp4tvk++os.linux.x86_64+os.osx.x86_64+web.browser+web.cordova/plugin.fourseven:scss.os.osx.x86_64/npm/fourseven:scss/node_modules/node-sass/bin/darwin-x64-v8-3.14/binding.node Reason: image not found 完整的错误： http : //pastebin.com/y452BeDj 这只是我需要的依赖，还是可能有其他更简单的方法？ 谢谢

离散的问题与吞食和节点4.1.1

这是我的命令ionic info环境 Your system information: Cordova CLI: 5.3.3 Gulp version: CLI version 3.9.0 Gulp local: Local version 3.9.0 Ionic Version: 1.1.0 Ionic CLI Version: 1.6.5 Ionic App Lib Version: 0.3.9 OS: Windows 8 Node Version: v4.1.1 当我运行命令npm install ，出现以下错误： node-sass@2.1.1 install C:\Users\FIDEL-CASA\Desktop\prueba\dsfasdfa\fidel\node modules\gulp-sass\nodemodules\node-sass node scripts/install.js Can not download file from https://raw.githubusercontent.com/sass/node-sass-binaries/v2.1.1/win32-x64-node-4.1/binding.node node-sass@2.1.1 postinstall C:\Users\FIDEL-CASA\Desktop\prueba\dsfasdfa\fidel\ node_modules\gulp-sass\node_modules\node-sass […]

问题与grunt-contrib-sass

我有一个Grunt的grunt-contrib-sass软件包，我只是忽略了一个问题。 编译我的sass时，我希望它进入我的css目录，而不是在css目录中创build一个sass目录。 这是grunt-contrib-sass编译后的现在。 我不希望它在编译时在css目录中添加sass目录： – css – sass (I don't want this level) – default – index.css – sass – default – index.scss – fonts.scss – Gruntfile.js – grunt – watch.js – sass.js Gruntfile.js module.exports = function(grunt) { var options = { config: { src: './grunt/*.js' }, pkg: grunt.file.readJSON('package.json') }; var config = require('load-grunt-config')(grunt, options); […]

如何避免使用webpack这个硬编码的index.js？

任务： CSS ：编译.scss，添加前缀，缩小和concat到main.css中 JS ： minify和concat到main.js中 我们正在使用webpack和BEM。 项目结构： static/ ├── build │ ├── main.css │ └── main.js └── src ├── blocks │ ├── a │ │ ├── a.js │ │ └── a.scss │ ├── b │ │ └── b.scss │ ├── c │ │ └── b.scss │ └── d │ ├── d.js │ └── d.scss […]

警告：找不到任务“taskname”。 运行咕噜声时使用–force继续

我正在尝试使用'grunt-sass-convert'npm模块将.css文件转换为.sass文件。 ' Gruntfile.js '相同如下： 'use strict'; module.exports = function(grunt){ grunt.loadNpmTasks('grunt-sass-convert'); grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), Sass: { options: { // command line options here style: 'expanded', from: 'css', to: 'sass' }, files: { // Target-specific file lists and/or options go here. cwd: 'style', src: '*.css', filePrefix: '_', dest: 'sass/' } } }); grunt.registerTask('default',['Sass']); }; 我提到了grunt-sass-convert npm模块文档来编写GruntFile.js文件。 在cmd中运行grunt命令时，出现以下错误： […]

如何从项目或目录自动导入.scss文件

我正在使用Reactjs应用程序。 我正在使用Webpack。 我的目标是能够创build一个组件，并创build一个.scss文件，该组件的样式在同一个目录中。 例如： |- components/ | |– component1.js | |– component1.scss (automatically import files like this one!) | |- main.scss (gets loaded by webpack by default) 为了能够在每次创build新文件时自动导入.scss文件而不需要在main.scss文件中执行@import，我需要做些什么。 我可以接受导入给定目录内的所有文件。 如果我创build一个新的.scss，它应该自动添加到生成的样式。 我不关心import的顺序。 这是可能吗？

Create-React-App如何导入目录中的所有SCSS文件？

我正尝试使用create-react-app将一个Ruby on Rails应用程序移植到Node.js，但是我有点卡在从指定目录中预处理.scss文件。 我有一个像这样的结构：src / css / styles.scss和src / css / app /目录，其中包含一些自定义的scss文件。 所有的input都在styles.scss里面。 他们来了： @import 'customvars'; @import 'tooltipster-sideTip-punk.min'; @import 'tooltipster.bundle.min'; @import "./app/*"; 我安装了node-sass-chokidar，所以scss处理得很好，但是一旦它进入一个目录（在这种情况下，应用程序），我得到这个错误： {“status”：1，“file”：“D：/Dropbox/WebStorm/project_incognito/src/css/styles.scss”，“line”：4，“column”：1，“message”：“要导入的文件找不到或无法读取：./app/ 。\ n父级样式表：D：/Dropbox/WebStorm/project_incognito/src/css/styles.scss“， “格式化”：“错误：要导入的文件不存在或不可读：./app/ 。\ n父types表：D：/Dropbox/WebStorm/project_incognito/src/css/styles.scss \ n在src / c ss / styles.scss \ n >> @import \“./ app / * \”; \ n ^ \ n“} 我做了一些Googlesearch，发现这个解决scheme： https : //www.npmjs.com/package/import-glob-loader […]

BrowserSync不加载

BrowserSync非常新。 我试图找出如何让它去哈哈。 我的主要文件存储的一切都被称为'gulpwork'。 里面有4个文件夹 两个将Pug（'src'）转换为HTML（'dist'），另外两个将SASS（'sass'）转换为CSS（'css'）。 我已经设法让BrowserSync运行，但是我得到'无法GET /'消息，所以我知道它可能与文件目录有关。 我希望帕格和SASS同步。 编辑：它只适用于我的帕格和HTML文件，直接在我的根目录之外的受尊重的文件夹，只有当HTML文件被命名为index.html。 我怎样才能让它在尊重的文件夹中工作，而不必将名称更改为索引？ 这是我的gulpfile.js代码： JS： var gulp = require('gulp'); var pug = require('gulp-pug'); var sass = require('gulp-sass'); var browserSync = require('browser-sync').create(); gulp.task('browserSync', ['sass', 'pug'], function() { browserSync.init({ server: { baseDir: './' } }) }); gulp.task('pug', function() { gulp.src('./src/*.pug') .pipe(pug({ pretty: true })) .pipe(gulp.dest('./dist')) }); gulp.task('sass', function() { return […]