From d2b200d899f907f14170eabe19e6f1272c3fbc1d Mon Sep 17 00:00:00 2001 From: Adi Dahiya Date: Wed, 5 Jul 2023 11:21:05 -0400 Subject: [PATCH] [node-build-scripts] chore: use non-deprecated syntax to import 'sass' --- packages/core/src/docs/classes.md | 4 ++-- packages/node-build-scripts/sass-compile.mjs | 2 +- packages/node-build-scripts/src/sass/sassCompileFile.mjs | 2 +- packages/node-build-scripts/src/sass/sassCustomFunctions.mjs | 2 +- packages/node-build-scripts/src/sass/sassSvgInliner.mjs | 2 +- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/core/src/docs/classes.md b/packages/core/src/docs/classes.md index ae3d54578c..78c2ec3ad1 100644 --- a/packages/core/src/docs/classes.md +++ b/packages/core/src/docs/classes.md @@ -93,7 +93,7 @@ for a custom Sass compiler that can import Blueprint `.scss` sources: ```js import { sassNodeModulesLoadPaths, sassSvgInlinerFactory } from "@blueprintjs/node-build-scripts"; -import sass from "sass"; +import * as sass from "sass"; const result = await sass.compileAsync("path/to/input.scss", { loadPaths: sassNodeModulesLoadPaths, @@ -118,7 +118,7 @@ In addition to the JS API, you can specify this configuration with Webpack's sas // webpack.config.mjs import { sassNodeModulesLoadPaths, sassSvgInlinerFactory } from "@blueprintjs/node-build-scripts"; -import sass from "sass"; +import * as sass from "sass"; const functions = { /** diff --git a/packages/node-build-scripts/sass-compile.mjs b/packages/node-build-scripts/sass-compile.mjs index befb52c5bd..f43708c0f6 100644 --- a/packages/node-build-scripts/sass-compile.mjs +++ b/packages/node-build-scripts/sass-compile.mjs @@ -8,7 +8,7 @@ import { watch } from "chokidar"; import fsExtra from "fs-extra"; import { basename, extname, join, resolve } from "node:path"; import { argv } from "node:process"; -import sass from "sass"; +import * as sass from "sass"; import yargs from "yargs"; import { sassCompileFile } from "./src/sass/sassCompileFile.mjs"; diff --git a/packages/node-build-scripts/src/sass/sassCompileFile.mjs b/packages/node-build-scripts/src/sass/sassCompileFile.mjs index 06be50bb10..28c09ce7f9 100644 --- a/packages/node-build-scripts/src/sass/sassCompileFile.mjs +++ b/packages/node-build-scripts/src/sass/sassCompileFile.mjs @@ -6,7 +6,7 @@ import fsExtra from "fs-extra"; import { dirname, join, parse as parsePath, relative } from "node:path"; -import sass from "sass"; +import * as sass from "sass"; import { SourceMapGenerator } from "source-map-js"; import defaultCustomFunctions from "./sassCustomFunctions.mjs"; diff --git a/packages/node-build-scripts/src/sass/sassCustomFunctions.mjs b/packages/node-build-scripts/src/sass/sassCustomFunctions.mjs index ed64396bf5..7464ddf4ec 100644 --- a/packages/node-build-scripts/src/sass/sassCustomFunctions.mjs +++ b/packages/node-build-scripts/src/sass/sassCustomFunctions.mjs @@ -4,7 +4,7 @@ // @ts-check -import sass from "sass"; +import * as sass from "sass"; import { sassSvgInlinerFactory } from "./sassSvgInliner.mjs"; diff --git a/packages/node-build-scripts/src/sass/sassSvgInliner.mjs b/packages/node-build-scripts/src/sass/sassSvgInliner.mjs index 01eb33ecdd..0e3ddc9899 100644 --- a/packages/node-build-scripts/src/sass/sassSvgInliner.mjs +++ b/packages/node-build-scripts/src/sass/sassSvgInliner.mjs @@ -15,7 +15,7 @@ import { parseDocument } from "htmlparser2"; import svgToDataUri from "mini-svg-data-uri"; import { readFileSync } from "node:fs"; import { resolve } from "node:path"; -import sass from "sass"; +import * as sass from "sass"; import { svgOptimizer } from "../svg/svgOptimizer.mjs";