fix new css loader options

HashemKhalifa · Aug 2, 2019 · a7600d5 · a7600d5
1 parent 6f9d423
commit a7600d5
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 33 deletions.
diff --git a/package.json b/package.json
@@ -52,60 +52,60 @@
     "babel-core": "7.0.0-bridge.0"
   },
   "devDependencies": {
-    "@babel/core": "7.4.5",
-    "@babel/plugin-proposal-class-properties": "7.4.4",
+    "@babel/core": "7.5.5",
+    "@babel/plugin-proposal-class-properties": "7.5.5",
     "@babel/plugin-proposal-decorators": "7.4.4",
-    "@babel/plugin-proposal-export-namespace-from": "7.2.0",
-    "@babel/plugin-proposal-function-sent": "7.2.0",
+    "@babel/plugin-proposal-export-namespace-from": "7.5.2",
+    "@babel/plugin-proposal-function-sent": "7.5.0",
     "@babel/plugin-proposal-json-strings": "7.2.0",
     "@babel/plugin-proposal-numeric-separator": "7.2.0",
     "@babel/plugin-proposal-throw-expressions": "7.2.0",
     "@babel/plugin-syntax-dynamic-import": "7.2.0",
     "@babel/plugin-syntax-import-meta": "7.2.0",
-    "@babel/plugin-transform-runtime": "7.4.4",
+    "@babel/plugin-transform-runtime": "7.5.5",
     "@babel/polyfill": "7.4.4",
-    "@babel/preset-env": "7.4.5",
-    "@babel/register": "7.4.4",
-    "@babel/runtime": "7.4.5",
+    "@babel/preset-env": "7.5.5",
+    "@babel/register": "7.5.5",
+    "@babel/runtime": "7.5.5",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.0.2",
     "babel-jest": "24.8.0",
     "babel-loader": "8.0.6",
     "babel-plugin-lodash": "3.3.4",
-    "browserslist": "4.6.3",
+    "browserslist": "4.6.6",
     "clean-webpack-plugin": "3.0.0",
     "cross-env": "5.2.0",
-    "css-loader": "3.0.0",
+    "css-loader": "3.1.0",
     "enzyme": "3.10.0",
-    "eslint": "6.0.1",
-    "eslint-config-airbnb-base": "13.1.0",
-    "eslint-config-prettier": "5.1.0",
-    "eslint-loader": "2.1.2",
-    "eslint-plugin-import": "2.18.0",
-    "eslint-plugin-jest": "22.7.1",
+    "eslint": "6.1.0",
+    "eslint-config-airbnb-base": "13.2.0",
+    "eslint-config-prettier": "6.0.0",
+    "eslint-loader": "2.2.1",
+    "eslint-plugin-import": "2.18.2",
+    "eslint-plugin-jest": "22.14.1",
     "eslint-plugin-prettier": "3.1.0",
-    "eslint-watch": "5.1.2",
-    "file-loader": "4.0.0",
+    "eslint-watch": "6.0.0",
+    "file-loader": "4.1.0",
     "html-webpack-plugin": "3.2.0",
-    "husky": "2.5.0",
+    "husky": "3.0.2",
     "identity-obj-proxy": "3.0.0",
     "jest": "24.8.0",
     "jest-css-modules-transform": "2.5.0",
     "jest-enzyme": "7.0.2",
     "jest-fetch-mock": "2.1.2",
     "jsdom": "15.1.1",
-    "lint-staged": "8.2.1",
-    "mini-css-extract-plugin": "0.7.0",
+    "lint-staged": "9.2.1",
+    "mini-css-extract-plugin": "0.8.0",
     "node-sass": "4.12.0",
-    "optimize-css-assets-webpack-plugin": "5.0.1",
+    "optimize-css-assets-webpack-plugin": "5.0.3",
     "prettier": "1.18.2",
     "pretty-quick": "1.11.1",
     "sass-loader": "7.1.0",
-    "script-ext-html-webpack-plugin": "2.1.3",
+    "script-ext-html-webpack-plugin": "2.1.4",
     "style-loader": "0.23.1",
-    "terser-webpack-plugin": "1.3.0",
-    "webpack": "4.35.0",
-    "webpack-cli": "3.3.5",
+    "terser-webpack-plugin": "1.4.1",
+    "webpack": "4.39.1",
+    "webpack-cli": "3.3.6",
     "webpack-dev-server": "3.7.2",
     "webpack-merge": "4.2.1"
   }

diff --git a/webpack/webpack.dev.js b/webpack/webpack.dev.js
@@ -18,10 +18,11 @@ module.exports = {
           {
             loader: 'css-loader',
             options: {
-              sourceMap: true,
-              modules: true,
-              camelCase: true,
-              localIdentName: '[local]___[hash:base64:5]',
+              sourceMap: false,
+              localsConvention: 'camelCase',
+              modules: {
+                localIdentName: '[local]___[hash:base64:5]',
+              },
             },
           },
           'sass-loader',

diff --git a/webpack/webpack.prod.js b/webpack/webpack.prod.js
@@ -57,9 +57,10 @@ module.exports = {
             loader: 'css-loader',
             options: {
               sourceMap: false,
-              modules: true,
-              camelCase: true,
-              localIdentName: '[local]___[hash:base64:5]',
+              localsConvention: 'camelCase',
+              modules: {
+                localIdentName: '[local]___[hash:base64:5]',
+              },
             },
           },
           'sass-loader',