build: Use Webpack production mode during the build (react-dropzone#555)

Update webpack config and build on umd for production.

Author: rxmarbles

.github/stale.yml

@@ -8,6 +8,7 @@ daysUntilClose: 7
 exemptLabels:
   - BREAKING CHANGE
   - ⚠︎ Pinned
+  - in progress
 # Label to use when marking as stale
 staleLabel: stale
 # Comment to post when marking as stale. Set to `false` to disable

package.json

@@ -7,7 +7,7 @@
     "ci": "git-cz",
     "clean": "rimraf ./dist",
     "build": "npm run clean && npm run build:umd && npm run build:es",
-    "build:umd": "cross-env NODE_ENV=production webpack",
+    "build:umd": "cross-env NODE_ENV=production webpack -p",
     "build:es": "cross-env BABEL_ENV=es babel ./src --out-dir ./dist/es --ignore spec.js",
     "start": "styleguidist server",
     "styleguide": "styleguidist build",
@@ -27,7 +27,7 @@
   "size-limit": [
     {
       "path": "dist/index.js",
-      "limit": "6 KB"
+      "limit": "5.5 KB"
     },
     {
       "path": "dist/es/index.js",
@@ -67,7 +67,8 @@
     "Andrey Okonetchnikov <[email protected]> (http://okonet.ru)",
     "Mike Olson <[email protected]>",
     "Param Aggarwal",
-    "Tyler Waters <[email protected]>"
+    "Tyler Waters <[email protected]>",
+    "Rick Markins <[email protected]>"
   ],
   "license": "MIT",
   "peerDependencies": {

src/index.spec.js

@@ -264,7 +264,7 @@ describe('Dropzone', () => {
       onClickOuterSpy.reset()
       onClickInnerSpy.reset()
 
-      component.find('Dropzone').simulate('click')
+      component.find(Dropzone).simulate('click')
       expect(onClickOuterSpy.callCount).toEqual(0)
       expect(onClickInnerSpy.callCount).toEqual(1)
     })
@@ -277,15 +277,15 @@ describe('Dropzone', () => {
         </div>
       )
 
-      component.find('Dropzone').simulate('click')
+      component.find(Dropzone).simulate('click')
       expect(onClickOuterSpy.callCount).toEqual(1)
     })
 
     it('should invoke inputProps onClick if provided', done => {
       const inputPropsClickSpy = spy()
       const component = mount(<Dropzone inputProps={{ onClick: inputPropsClickSpy }} />)
 
-      component.find('Dropzone').simulate('click')
+      component.simulate('click')
       setTimeout(() => {
         expect(inputPropsClickSpy.callCount).toEqual(1)
         done()

webpack.config.js

@@ -1,30 +1,33 @@
 const path = require('path')
 
-module.exports = {
-  entry: './src/index.js',
-  devtool: 'source-map',
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'index.js',
-    libraryTarget: 'umd',
-    library: 'Dropzone'
-  },
-  module: {
-    loaders: [
-      {
-        include: [path.resolve(__dirname, 'src'), path.resolve(__dirname, 'examples')],
-        test: /\.js$/,
-        loader: 'babel-loader'
-      }
-    ]
-  },
-  resolve: {
-    // Can require('file') instead of require('file.js') etc.
-    extensions: ['.js', '.json']
-  },
-  externals: {
-    react: 'react',
-    'prop-types': 'prop-types'
-  },
-  plugins: []
+module.exports = env => {
+  const isProduction = env === 'production'
+  return {
+    entry: './src/index.js',
+    devtool: isProduction ? 'source-map' : 'inline-source-map',
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      filename: 'index.js',
+      libraryTarget: 'umd',
+      library: 'Dropzone'
+    },
+    module: {
+      rules: [
+        {
+          include: [path.resolve(__dirname, 'src'), path.resolve(__dirname, 'examples')],
+          test: /\.js$/,
+          loader: 'babel-loader',
+          exclude: /node_modules/
+        }
+      ]
+    },
+    resolve: {
+      // Can require('file') instead of require('file.js') etc.
+      extensions: ['.js', '.json']
+    },
+    externals: {
+      react: 'react',
+      'prop-types': 'prop-types'
+    }
+  }
 }