Use findImports to find external dependencies to decrease webpack bundle size

Author: cheton

examples/webpack.config.js

@@ -65,7 +65,7 @@ module.exports = {
     },
     plugins: [
         new webpack.LoaderOptionsPlugin({
-            debug: true,
+            debug: true
         }),
         new webpack.NamedModulesPlugin(),
         new webpack.NoEmitOnErrorsPlugin(),

package.json

@@ -78,7 +78,8 @@
     "eslint-plugin-jsx-a11y": "~2.2.3",
     "eslint-plugin-react": "~6.10.0",
     "extract-text-webpack-plugin": "^2.0.0-rc.3",
-    "file-loader": "^0.10.0",
+    "file-loader": "~0.10.0",
+    "find-imports": "~0.5.1",
     "html-webpack-plugin": "~2.28.0",
     "http-server": "~0.9.0",
     "nib": "~1.1.2",
@@ -90,7 +91,7 @@
     "stylus-loader": "~2.4.0",
     "tap": "~10.1.1",
     "trendmicro-ui": "~0.2.0",
-    "url-loader": "^0.5.7",
+    "url-loader": "~0.5.7",
     "webpack": "~2.2.1",
     "webpack-dev-server": "~2.3.0"
   }

webpack.config.js

@@ -2,6 +2,7 @@ var pkg = require('./package.json');
 var path = require('path');
 var webpack = require('webpack');
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var findImports = require('find-imports');
 var stylusLoader = require('stylus-loader');
 var nib = require('nib');
 var publicname = pkg.name.replace(/^@\w+\//, ''); // Strip out "@trendmicro/" from package name
@@ -22,6 +23,7 @@ module.exports = {
         libraryTarget: 'commonjs2'
     },
     externals: []
+        .concat(findImports(['src/**/*.{js,jsx}'], { flatten: true }))
         .concat(Object.keys(pkg.peerDependencies))
         .concat(Object.keys(pkg.dependencies)),
     module: {