Merge pull request #50 from DivadNojnarg/webpack-config-css-rule

timelyportfolio · web-flow · commit c6f78068d05d · 2021-02-16T08:45:47.000-06:00
allow import "path/style.css" inside jsx (update webpack.config.js bo…
diff --git a/inst/templates/package.json.txt b/inst/templates/package.json.txt
@@ -9,6 +9,8 @@
     "@babel/core": "^7.2.0",
     "babel-loader": "^8.0.4",
     "@babel/preset-env": "^7.2.0",
-    "@babel/preset-react": "^7.0.0"
+    "@babel/preset-react": "^7.0.0",
+    "css-loader": "^5.0.1",
+    "style-loader": "^2.0.0"
   }
 }
diff --git a/inst/templates/webpack.config.js.txt b/inst/templates/webpack.config.js.txt
@@ -16,6 +16,11 @@ module.exports = {
                 options: {
                     presets: ['@babel/preset-env', '@babel/preset-react']
                 }
+            },
+            // For CSS so that import "path/style.css"; works
+            {
+                test: /\.css$/,
+                use: ['style-loader', 'css-loader']
             }
         ]
     },

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,11 @@ module.exports = {`
`16`	`16`	`options: {`
`17`	`17`	`presets: ['@babel/preset-env', '@babel/preset-react']`
`18`	`18`	`}`
	`19`	`+ },`
	`20`	`+ // For CSS so that import "path/style.css"; works`
	`21`	`+ {`
	`22`	`+ test: /\.css$/,`
	`23`	`+ use: ['style-loader', 'css-loader']`
`19`	`24`	`}`
`20`	`25`	`]`
`21`	`26`	`},`