Import react-syntax-highlighter from src

allegro · Mar 7, 2022 · cb3af89 · cb3af89
1 parent 1e8ff03
commit cb3af89
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/config/webpack.common.js b/config/webpack.common.js
@@ -44,7 +44,11 @@ module.exports = {
         use: ["source-map-loader"]
       },
       {
-        test: /\.tsx?$/,
+        test: /\.[jt]sx?$/,
+        exclude: {
+          and: [/node_modules/],
+          not: [/react-syntax-highlighter/],
+        },
         use: [{
           loader: "babel-loader",
           options: {

diff --git a/config/webpack.prod.js b/config/webpack.prod.js
@@ -57,7 +57,11 @@ const prodConfig = {
 const es5Config = {
   module: {
     rules: [{
-      test: /\.tsx?$/,
+      test: /\.[jt]sx?$/,
+      exclude: {
+        and: [/node_modules/],
+        not: [/react-syntax-highlighter/],
+      },
       use: [{
         loader: "babel-loader",
         options: {

diff --git a/src/client/modals/source-modal/source-modal.tsx b/src/client/modals/source-modal/source-modal.tsx
@@ -16,8 +16,8 @@
 
 import * as jsonLanguage from "highlight.js/lib/languages/json";
 import * as React from "react";
-import { Light as SyntaxHighlighter } from "react-syntax-highlighter";
 import githubGist from "react-syntax-highlighter/dist/cjs/styles/hljs/github-gist";
+import SyntaxHighlighter from "react-syntax-highlighter/src/light";
 import { Fn } from "../../../common/utils/general/general";
 import { Button } from "../../components/button/button";
 import { Modal } from "../../components/modal/modal";