forked from sass/sass-site
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Document the default export deprecation (sass#736)
- Loading branch information
Israel-4Ever
authored
Jun 13, 2023
1 parent
6cfcbba
commit ba172d9
Showing
2 changed files
with
41 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
38 changes: 38 additions & 0 deletions
38
source/documentation/breaking-changes/default-export.md.erb
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,38 @@ | ||
--- | ||
title: "Breaking Change: Default Exports" | ||
introduction: > | ||
By default, Node.js allows [CommonJS modules] to be loaded from ECMAScript | ||
modules using the syntax `import sass from 'sass'`. This is now deprecated; | ||
ESM users should use `import * as sass from 'sass'` instead. | ||
|
||
[CommonJS modules]: https://nodejs.org/docs/latest/api/modules.html#modules-commonjs-modules | ||
[ECMAScript modules]: https://nodejs.org/api/esm.html#modules-ecmascript-modules | ||
--- | ||
|
||
Historically, Dart Sass was only available as a CommonJS module. This meant that | ||
anyone using it from a project that used Node.js's native ECMAScript module | ||
support was able to load it as though it provided a [default export]: | ||
|
||
[default export]: https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export#using_the_default_export | ||
|
||
```js | ||
import sass from 'sass'; // Don't do this anymore | ||
``` | ||
|
||
This was never intended by the Sass team, and it didn't match the type | ||
declarations provided with the package, but it _did_ work. We have decided to | ||
remove this support in Dart Sass 2.0.0 and require that ECMAScript module users | ||
only use the package's named exports: | ||
|
||
```js | ||
import * as sass from 'sass'; // Do this | ||
``` | ||
|
||
## Transition Period | ||
|
||
<% impl_status dart: '1.54.0', libsass: false, ruby: false %> | ||
|
||
Until Dart Sass 2.0.0, we will continue to support users loading Sass's default | ||
export. The first time any properties on the default export are accessed, it | ||
will emit a deprecation warning to `console.error()`. To avoid this error, use | ||
`import * as sass form 'sass'` instead. |