node-sass

来源： https://stackoverflow.com/questions/40852946/generating-sourcemaps-with-npm-scripts-using-node-sass-and-postcss-autoprefixer

来源： https://stackoverflow.com/questions/40852946/generating-sourcemaps-with-npm-scripts-using-node-sass-and-postcss-autoprefixer

问题 I've seen many examples for watching a specific folder with node-sass , but my css isn't all in the same single folder. I'd like to have it watch all subdirectories for scss files the way you can with onchange (just for example). I'd assume that the syntax would be something like: `node-sass -w app/**/*.scss -o app/**/` ...but that yields the error: Error: ENOENT: no such file or directory, lstat 'app/**/*.scss' Is what I'm trying to do even possible with node-sass ? If not, is there a better

问题 I've seen many examples for watching a specific folder with node-sass , but my css isn't all in the same single folder. I'd like to have it watch all subdirectories for scss files the way you can with onchange (just for example). I'd assume that the syntax would be something like: `node-sass -w app/**/*.scss -o app/**/` ...but that yields the error: Error: ENOENT: no such file or directory, lstat 'app/**/*.scss' Is what I'm trying to do even possible with node-sass ? If not, is there a better

问题 I've seen many examples for watching a specific folder with node-sass , but my css isn't all in the same single folder. I'd like to have it watch all subdirectories for scss files the way you can with onchange (just for example). I'd assume that the syntax would be something like: `node-sass -w app/**/*.scss -o app/**/` ...but that yields the error: Error: ENOENT: no such file or directory, lstat 'app/**/*.scss' Is what I'm trying to do even possible with node-sass ? If not, is there a better

问题 I'm really new to Sass and having problems when importing variables from partial stylesheets. I thought it was pretty straightforward, but it seems not to be the case. I'm using this stylesheet in a react component, importing like this: import '../stylesheets/Table.scss'; The actual stylesheet (simplified, but with the same error) looks like this: @use 'colors.scss'; .datatb-container { background-color: colors.$table-bg; border: 2px solid colors.$table-border; border-radius: 2px; padding: 1

问题 I'm really new to Sass and having problems when importing variables from partial stylesheets. I thought it was pretty straightforward, but it seems not to be the case. I'm using this stylesheet in a react component, importing like this: import '../stylesheets/Table.scss'; The actual stylesheet (simplified, but with the same error) looks like this: @use 'colors.scss'; .datatb-container { background-color: colors.$table-bg; border: 2px solid colors.$table-border; border-radius: 2px; padding: 1

问题 I am trying to use CSS variables in an Angular project together with Sass functions ( lighten() / darken() to be precise), and as far as I know, the latest version of LibSass allows it. I have installed node-sass@4.11.0 and sass-loader@7.1.0 (and on Angular v7.3.0), but yet I receive an error Argument $color of lighten($color, $amount) must be a color Am I missing something? Thanks! 回答1: Unfortunately you can't... lighten is a SASS function at compile-time, while CSS variables are run-time

问题 I made an app using Node and am trying to host it using AWS's Elastic Beanstalk, but it always fails npm install when it reaches node-sass. Here is the error from the logs: 5162 error node-sass@4.5.0 postinstall: node scripts/build.js 5162 error Exit status 1 5163 error Failed at the node-sass@4.5.0 postinstall script 'node scripts/build.js'. 5163 error Make sure you have the latest version of node.js and npm installed. 5163 error If you do, this is most likely a problem with the node-sass

问题 package.json "scripts": { "compile:sass": "node-sass sass/main.scss css/style.css -w" } main.scss @import "abstracts/variables"; @import "base/typography"; _variables.scss $color-light-grey: #777; $color-white: #fff; _typography.scss body { color: $color-light-grey; } .heading-primary { color: $color-white; } Now my issue is when I'm trying to compile with npm run compile:sass it throws the following error: "message": "Undefined variable: \"$color-light-grey\"." 回答1: Looks like there are two