build: replaces node-sass with sass (#381)

* build: replaces node-sass with sass * chore: config
patw0929 · Aug 4, 2021 · b7ed582 · b7ed582
1 parent b63e09e
commit b7ed582
Show file tree

Hide file tree

Showing 3 changed files with 94 additions and 233 deletions.
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -25,7 +25,13 @@ module.exports = {
  use: [
  'style-loader',
  'css-loader',
- 'sass-loader?outputStyle=expanded',
+ {
+ loader: 'sass-loader',
+ options: {
+ implementation: require('sass'),
+ sassOptions: { outputStyle: 'expanded' }
+ }
+ }
  ],
  },
  {

diff --git a/package.json b/package.json
@@ -93,7 +93,6 @@
  "jsdom": "^9.2.1",
  "lint-staged": "^3.2.6",
  "mini-css-extract-plugin": "^0.4.5",
- "node-sass": "^4.2.0",
  "optimize-css-assets-webpack-plugin": "^5.0.1",
  "packwatch": "^1.0.0",
  "postcss-safe-parser": "^4.0.1",
@@ -103,6 +102,7 @@
  "react-dom": "^16.4.1",
  "react-hot-loader": "^1.3.0",
  "rimraf": "2.5.4",
+ "sass": "^1.37.4",
  "sass-loader": "^7.1.0",
  "semantic-release": "^17.0.4",
  "sinon": "^1.17.4",
@@ -114,7 +114,7 @@
  },
  "scripts": {
  "prebuild": "yarn run clean",
- "build": "BABEL_ENV=production babel src -d dist && cp -r ./src/*.png ./dist && node-sass ./src/intlTelInput.scss ./dist/main.css",
+ "build": "BABEL_ENV=production babel src -d dist && cp -r ./src/*.png ./dist && sass ./src/intlTelInput.scss ./dist/main.css",
  "clean": "rimraf dist",
  "start": "start-storybook -p 4000 -c .storybook",
  "deploy:dryrun": "storybook-to-ghpages --dry-run",