feat(templates): add source-map-loader loader to debug third-party libraries ✨

Author: wang1212

package.json

@@ -34,7 +34,7 @@
   },
   "scripts": {
     "prepare": "husky install",
-    "lint": "eslint . --config=.eslintrc.cjs --ext .js,.cjs,.mjs --fix --quiet --cache --cache-location=node_modules/.cache/.eslintcache --format=pretty",
+    "lint": "eslint . --no-eslintrc --config=.eslintrc.cjs --ext .js,.cjs,.mjs --fix --quiet --cache --cache-location=node_modules/.cache/.eslintcache --format=pretty",
     "commit": "cz",
     "release": "standard-version"
   },

templates/app/config/webpack.config.js

@@ -114,6 +114,11 @@ module.exports = ({
   },
   module: {
     rules: [
+      {
+        test: /\.js$/,
+        enforce: 'pre',
+        use: ['source-map-loader'],
+      },
       {
         test: /\.([tj]s|mjs)$/i,
         exclude: (path) => {

templates/app/package.json

@@ -64,6 +64,7 @@
     "prettier": "2.6.2",
     "sass": "^1.51.0",
     "sass-loader": "^12.6.0",
+    "source-map-loader": "^3.0.1",
     "style-loader": "^3.3.1",
     "stylelint": "^14.8.1",
     "stylelint-color-format": "^1.1.0",

templates/react-app/config/webpack.config.js

@@ -116,6 +116,11 @@ module.exports = ({
   },
   module: {
     rules: [
+      {
+        test: /\.js$/,
+        enforce: 'pre',
+        use: ['source-map-loader'],
+      },
       {
         test: /\.([tj]sx?|mjs)$/i,
         exclude: (path) => {

templates/react-app/package.json

@@ -77,6 +77,7 @@
     "redux-logger": "^3.0.6",
     "sass": "^1.51.0",
     "sass-loader": "^12.6.0",
+    "source-map-loader": "^3.0.1",
     "style-loader": "^3.3.1",
     "stylelint": "^14.8.1",
     "stylelint-color-format": "^1.1.0",