move some things around

.eslintrc.json

@@ -19,7 +19,7 @@
     "jest": true
   },
   "overrides": {
-    "files": ["*.stories.jsx", "*.test.jsx"],
+    "files": ["*.stories.jsx", "*.test.jsx", "config/*"],
     "rules": {
       "import/no-extraneous-dependencies": "off" // storybook & enzyme should stay devDependencies
     }

webpack.config.js → config/webpack.config.js

 const path = require('path');
 const merge = require('webpack-merge');
 const MinifyPlugin = require('babel-minify-webpack-plugin');
-const ExtractTextPlugin = require('extract-text-webpack-plugin');
 
-const scopedConfig = {
-  output: {
-    filename: 'dist/index.js',
-    library: 'paragon',
-    libraryTarget: 'umd',
-  },
-  plugins: [
-    new ExtractTextPlugin('dist/paragon.min.css'),
-  ],
-  module: {
-    rules: [
-      {
-        test: /\.scss$/,
-        use: ExtractTextPlugin.extract({
-          use: [
-            {
-              loader: 'css-loader',
-              options: {
-                modules: true,
-                localIdentName: '[name]__[local]___[hash:base64:5]',
-              },
-            },
-            {
-              loader: 'sass-loader',
-              options: {
-                data: '@import "paragon-reset";',
-                includePaths: [
-                  path.join(__dirname, './src/utils'),
-                  path.join(__dirname, './node_modules'),
-                ],
-              },
-            },
-          ],
-        }),
-      },
-    ],
-  },
-};
+const scopedConfig = require('./webpack.scoped.config');
 
 const commonConfig = {
-  devtool: 'source-map',
+  devtool: 'cheap-source-map',
   entry: {
-    main: path.resolve('./src/index.js'),
+    paragon: path.resolve('./src/index.js'),
   },
   resolve: {
     extensions: ['.js', '.jsx'],

config/webpack.scoped.config.js

+const path = require('path');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+
+module.exports = {
+  output: {
+    filename: 'scoped/[name].min.js',
+    library: 'paragon',
+    libraryTarget: 'umd',
+  },
+  plugins: [
+    new ExtractTextPlugin('scoped/paragon.min.css'),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.scss|\.css$/,
+        use: ExtractTextPlugin.extract({
+          use: [
+            {
+              loader: 'css-loader',
+              options: {
+                modules: true,
+                localIdentName: '[name]__[local]___[hash:base64:5]',
+                sourceMap: true,
+              },
+            },
+            {
+              loader: 'sass-loader',
+              options: {
+                data: '@import "paragon-reset";',
+                includePaths: [
+                  path.join(__dirname, '../src/utils'),
+                  path.join(__dirname, '../node_modules'),
+                ],
+                sourceMap: true,
+              },
+            },
+          ],
+        }),
+      },
+      {
+        test: /\.(woff2?|ttf|svg|eot)(\?v=\d+\.\d+\.\d+)?$/,
+        loader: 'file-loader',
+        options: {
+          outputPath: 'scoped/',
+        },
+      },
+    ],
+  },
+};

config/webpack.unscoped.config.js

+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+
+module.exports = {
+  output: {
+    filename: 'dist/paragon.min.js',
+    library: 'paragon',
+    libraryTarget: 'umd',
+  },
+  plugins: [
+    new ExtractTextPlugin('dist/paragon.min.css'),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        use: ExtractTextPlugin.extract({
+          use: [
+            {
+              loader: 'css-loader',
+              options: {
+                modules: true,
+                localIdentName: '[local]',
+              },
+            },
+            // {
+            //   loader: 'sass-loader',
+            //   options: {
+            //     data: '@import "paragon-reset";',
+            //     includePaths: [
+            //       path.join(__dirname, './src/utils'),
+            //       path.join(__dirname, './node_modules'),
+            //     ],
+            //   },
+            // },
+          ],
+        }),
+      },
+    ],
+  },
+};

package.json

@@ -3,14 +3,13 @@
   "version": "0.0.0-development",
   "description": "Accessible, responsive UI component library based on Bootstrap.",
   "main": "src/index.js",
-  "author": "arizzitano",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/edx/paragon.git"
   },
   "scripts": {
-    "build": "NODE_ENV=production webpack",
+    "build": "NODE_ENV=production webpack --config config/webpack.config.js",
     "build-storybook": "build-storybook",
     "coveralls": "cat ./coverage/lcov.info | coveralls",
     "debug-test": "node --inspect-brk node_modules/.bin/jest --runInBand --coverage",