#13: Code style for webpack.config.js

Author: awibox

dist/index.js

@@ -1,2 +1,2 @@
-.YourComponentName__text--2x8Bc{color:black;font-size:14px}
+.YourComponentName__text--2x8Bc{color:#000;font-size:14px}
 

dist/main.css

@@ -2,65 +2,65 @@ const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = {
-    context: path.resolve(__dirname, 'src'),
-    entry: './index.js',
-    output: {
-        path: __dirname + '/dist',
-        filename: './index.js',
-        publicPath: '/',
-        libraryTarget: 'commonjs2'
-    },
-    resolve: {
-        extensions: ['.js', '.jsx'],
-        modules: ['node_modules']
-    },
-    optimization: {
-        minimize: true
-    },
-    module: {
-        rules: [
-            {
-                test: /\.jsx?$/,
-                loader: 'babel-loader',
-            },
-            {
-                test: /\.(sass|scss)$/,
-                use: [
-                    {
-                        loader: MiniCssExtractPlugin.loader,
-                    },
-                    {
-                        loader: require.resolve('css-loader'),
-                        options: {
-                            importLoaders: 2,
-                            modules: {
-                                mode: 'local',
-                                localIdentName: '[name]__[local]--[hash:base64:5]',
-                            },
-                        },
-                    },
-                    'sass-loader',
-                ],
+  context: path.resolve(__dirname, 'src'),
+  entry: './index.js',
+  output: {
+    path: __dirname + '/dist',
+    filename: './index.js',
+    publicPath: '/',
+    libraryTarget: 'commonjs2',
+  },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+    modules: ['node_modules'],
+  },
+  optimization: {
+    minimize: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        loader: 'babel-loader',
+      },
+      {
+        test: /\.(sass|scss)$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+          },
+          {
+            loader: require.resolve('css-loader'),
+            options: {
+              importLoaders: 2,
+              modules: {
+                mode: 'local',
+                localIdentName: '[name]__[local]--[hash:base64:5]',
+              },
             },
-        ]
-    },
-    plugins: [
-        new MiniCssExtractPlugin({
-            filename: './[name].css',
-        }),
+          },
+          'sass-loader',
+        ],
+      },
     ],
-    externals: {
-        react: {
-            commonjs: "react",
-            commonjs2: "react",
-            amd: "React",
-            root: "React"
-        },
-        "react-dom": {
-            commonjs: "react-dom",
-            commonjs2: "react-dom",
-            amd: "ReactDOM",
-            root: "ReactDOM"
-        }
-    }
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: './[name].css',
+    }),
+  ],
+  externals: {
+    react: {
+      commonjs: 'react',
+      commonjs2: 'react',
+      amd: 'React',
+      root: 'React',
+    },
+    'react-dom': {
+      commonjs: 'react-dom',
+      commonjs2: 'react-dom',
+      amd: 'ReactDOM',
+      root: 'ReactDOM',
+    },
+  },
 };