Skip to content
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

refactor: replace node-sass by sass #1373

Merged

Conversation

mfranzke
Copy link
Contributor

@mfranzke mfranzke commented Nov 13, 2021

Summary of changes:

As node-sass is deprecated, we're replacing it with its successor Dart Sass, which even also has a npm package.

Additionally removing package node-sass-selector-importer, which got introduced with commit 3d38d43, but never seems to have been used within the SCSS source code.

And we needed to switch to the new Dart Sass syntax for divisions within some of the scss files; this process got simplified by the usage of sass-migrator / npx sass-migrator division **/**.scss:

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

This would as well prevent some node-gyp warnings that might pop up in edge cases, as Dart Sass is a direct JavaScript implementation of SASS.

I've checked the output of the operation within the file https://github.com/pattern-lab/patternlab-node/pull/1373/files#diff-16d6427ba133722f108966c95c3eae01b3942556dd26ad24271950e0c9f5bd63R26 line by line both for using node-sass and sass and it's equal (content-wise, except for different formatting):
image

…mporter

node-sass is deprecated, integrated its successor sass instead; and node-sass-selector-importer never seems to have been used
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
to even also prevent the usage of math.div
…mpo…

…rter

node-sass is deprecated, integrated its successor sass instead; and node-sass-selector-importer never seems to have been used
@mfranzke mfranzke marked this pull request as ready for review November 13, 2021 16:32
@JosefBredereck JosefBredereck merged commit 82c5592 into pattern-lab:dev Nov 21, 2021
@mfranzke mfranzke deleted the refactor/replace-node-sass-by-sass branch November 21, 2021 14:14
antonia-rose pushed a commit to quelltexterin/nemo-uikit-workshop that referenced this pull request Apr 12, 2023
* refactor: replaced node-sass by sass and removed node-sass-selector-importer

node-sass is deprecated, integrated its successor sass instead; and node-sass-selector-importer never seems to have been used

* refactor(scss): replaced by new Dart Sass syntax

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

* refactor: simplified those calculations

to even also prevent the usage of math.div

* Revert "refactor: replaced node-sass by sass and removed node-sass-selector-importer"

This reverts commit ca72dcf.

* refactor: replaced node-sass by sass and removed node-sass-selector-impo…

…rter

node-sass is deprecated, integrated its successor sass instead; and node-sass-selector-importer never seems to have been used
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants