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",