Stop importing CSS files

zesik · Feb 9, 2019 · d6d1cea · d6d1cea
1 parent 98c5183
commit d6d1cea
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git a/src/components/SplitterLayout.jsx b/src/components/SplitterLayout.jsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Pane from './Pane';
-import '../stylesheets/index.css';
 
 function clearSelection() {
   if (document.body.createTextRange) {
@@ -206,13 +205,15 @@ class SplitterLayout extends React.Component {
       <div className={containerClasses} ref={(c) => { this.container = c; }}>
         {wrappedChildren[0]}
         {wrappedChildren.length > 1 &&
-          <div
-            role="separator"
-            className="layout-splitter"
-            ref={(c) => { this.splitter = c; }}
-            onMouseDown={this.handleSplitterMouseDown}
-            onTouchStart={this.handleSplitterMouseDown}
-          />
+          (
+            <div
+              role="separator"
+              className="layout-splitter"
+              ref={(c) => { this.splitter = c; }}
+              onMouseDown={this.handleSplitterMouseDown}
+              onTouchStart={this.handleSplitterMouseDown}
+            />
+          )
         }
         {wrappedChildren.length > 1 && wrappedChildren[1]}
       </div>

diff --git a/webpack.config.js b/webpack.config.js
@@ -1,29 +1,32 @@
 const { resolve } = require('path');
 const webpack = require('webpack');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 module.exports = {
   mode: 'production',
   entry: [
     './index.js'
   ],
   resolve: {
-    extensions: ['.js', '.jsx', '.css']
+    extensions: ['.js', '.jsx']
   },
   module: {
     rules: [
       {
         test: /\.jsx?$/,
         exclude: /node_modules/,
         use: 'babel-loader'
-      }, {
-        test: /\.css$/,
-        use: [
-          'style-loader',
-          'css-loader'
-        ]
       }
     ]
   },
+  plugins: [
+    new CopyWebpackPlugin([
+      {
+        from: 'src/stylesheets/*',
+        flatten: true
+      }
+    ])
+  ],
   output: {
     path: resolve(__dirname, 'lib'),
     filename: 'index.js',