-
Notifications
You must be signed in to change notification settings - Fork 2.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
node_modules support for sass imports #211
Conversation
I'm excited for this! just waiting for previews to load before +2'ing |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
yeah something broke with your postcss-copy-assets task... |
this fork does not inline .css files, instead resolving them to relative paths.
this has been fixed! @themadcreator you around for a re-review? |
@@ -45,7 +45,9 @@ module.exports = (gulp, plugins, blueprint) => { | |||
)); | |||
|
|||
blueprint.task("sass", "compile", ["icons", "sass-variables"], (project, isDevMode) => { | |||
const sassCompiler = plugins.sass(); | |||
const sassCompiler = plugins.sass({ | |||
importer: require("node-sass-package-importer")({ cwd: project.cwd }), |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
please put the require
with all the other imports. no reason to do it inline here.
lgtm aside from the one comment |
issue resolved but bill is on vacation
* configure node-sass-import to support package names in sass imports instead of relative paths, which break when trying to compile sass APIs outside the monorepo. * update `@import` paths to use `~` prefix * use node-sass-package-importer and "~package" syntax
PR checklist
What changes did you make?
use
node-sass-package-importer
to support package names in sass imports instead of relative paths, which break when trying to compile sass APIs outside the monorepo. package paths must begin with the~
character, like webpack sass-loader:@import "~@blueprintjs/core/dist/blueprint.css"
.update relevant
@import
paths.