chore(deps-dev): replace node-sass with sass, upgrade autoprefixer, postcss (#497)

This commit is contained in:
Eric Liu 2021-01-27 14:52:56 -08:00 committed by GitHub
commit 3e7511e3f8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 185 additions and 1769 deletions

View file

@ -11,19 +11,19 @@
"devDependencies": { "devDependencies": {
"@carbon/themes": "10.26.0", "@carbon/themes": "10.26.0",
"@sveltech/routify": "^1.9.9", "@sveltech/routify": "^1.9.9",
"autoprefixer": "^10.0.1", "autoprefixer": "^10.2.3",
"carbon-components": "10.27.0", "carbon-components": "10.27.0",
"carbon-components-svelte": "../", "carbon-components-svelte": "../",
"clipboard-copy": "^3.1.0", "clipboard-copy": "^3.1.0",
"mdsvex": "^0.8.8", "mdsvex": "^0.8.8",
"node-sass": "^4.14.1",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"postcss": "^8.1.1", "postcss": "^8.2.4",
"prettier": "^2.1.2", "prettier": "^2.1.2",
"prettier-plugin-svelte": "^1.4.1", "prettier-plugin-svelte": "^1.4.1",
"prism-svelte": "^0.4.7", "prism-svelte": "^0.4.7",
"prismjs": "^1.21.0", "prismjs": "^1.21.0",
"remark-slug": "^6.0.0", "remark-slug": "^6.0.0",
"sass": "^1.32.5",
"svelte": "3.29.0", "svelte": "3.29.0",
"svelte-hmr": "0.11.1", "svelte-hmr": "0.11.1",
"svelte-preprocess": "^4.3.2", "svelte-preprocess": "^4.3.2",

File diff suppressed because it is too large Load diff

View file

@ -26,19 +26,19 @@
"@rollup/plugin-commonjs": "^16.0.0", "@rollup/plugin-commonjs": "^16.0.0",
"@rollup/plugin-node-resolve": "^10.0.0", "@rollup/plugin-node-resolve": "^10.0.0",
"@tsconfig/svelte": "^1.0.10", "@tsconfig/svelte": "^1.0.10",
"autoprefixer": "^9.8.6", "autoprefixer": "^10.2.3",
"carbon-components-10.27": "npm:carbon-components@10.27.0", "carbon-components-10.27": "npm:carbon-components@10.27.0",
"gh-pages": "^3.1.0", "gh-pages": "^3.1.0",
"husky": "^4.3.8", "husky": "^4.3.8",
"lint-staged": "^10.5.3", "lint-staged": "^10.5.3",
"node-sass": "^4.14.1",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"postcss": "^7.0.32", "postcss": "^8.2.4",
"prettier": "^2.2.0", "prettier": "^2.2.0",
"prettier-plugin-svelte": "^1.4.1", "prettier-plugin-svelte": "^1.4.1",
"rollup": "^2.38.0", "rollup": "^2.38.0",
"rollup-plugin-svelte": "^7.1.0", "rollup-plugin-svelte": "^7.1.0",
"rollup-plugin-terser": "^7.0.2", "rollup-plugin-terser": "^7.0.2",
"sass": "^1.32.5",
"sveld": "0.3.0", "sveld": "0.3.0",
"svelte": "^3.32.0", "svelte": "^3.32.0",
"svelte-check": "^1.1.28", "svelte-check": "^1.1.28",

View file

@ -1,12 +1,11 @@
const fs = require("fs"); const fs = require("fs");
const sass = require("node-sass"); const sass = require("sass");
const autoprefixer = require("autoprefixer"); const autoprefixer = require("autoprefixer");
const postcss = require("postcss"); const postcss = require("postcss");
const path = require("path"); const path = require("path");
const { promisify } = require("util"); const { promisify } = require("util");
const writeFile = promisify(fs.writeFile); const writeFile = promisify(fs.writeFile);
const sassRender = promisify(sass.render);
const shared = { const shared = {
globals: ` globals: `
@ -74,9 +73,9 @@ async function buildCss() {
Object.keys(themes).forEach(async (theme) => { Object.keys(themes).forEach(async (theme) => {
try { try {
const outFile = path.resolve("css", theme + ".css"); const outFile = path.resolve("css", theme + ".css");
const { css } = await sassRender({ const { css } = sass.renderSync({
data: ` data: `
@import "node_modules/@carbon/themes/scss/themes"; @import "node_modules/@carbon/themes/scss/themes";
$feature-flags: ( $feature-flags: (
enable-css-custom-properties: ${theme === "all"}, enable-css-custom-properties: ${theme === "all"},
@ -88,7 +87,7 @@ async function buildCss() {
${shared.components} ${shared.components}
`, `,
outFile, outFile,
outputStyle: "compact", outputStyle: "compressed",
omitSourceMapUrl: true, omitSourceMapUrl: true,
}); });

1125
yarn.lock

File diff suppressed because it is too large Load diff