Add dev_bundle support.

Author: T4rk1n

dash_core_components/__init__.py

@@ -45,6 +45,7 @@
             'https://unpkg.com/dash-core-components@{}'
             '/dash_core_components/bundle.js'
         ).format(__version__),
+        'dev_package_path': 'bundle.dev.js',
         'namespace': 'dash_core_components'
     }
 ]

dash_core_components/bundle.dev.js

@@ -8,20 +8,18 @@
   },
   "main": "src/index.js",
   "scripts": {
-    "build-dev": "builder run clean-lib && builder run extract-metadata && builder run generate-python-classes && webpack -w --config=./config/webpack/webpack.config.dev.js",
-    "build-dist": "builder run clean-lib && builder run extract-metadata && builder run generate-python-classes && cross-env NODE_ENV=production webpack --config=./config/webpack/webpack.config.dist.js",
-    "copy-lib": "cp -f lib/* dash_core_components",
     "generate-python-classes": "python -c \"import dash; dash.development.component_loader.generate_classes('dash_core_components', 'dash_core_components/metadata.json');\"",
     "install-local": "npm run copy-lib && python setup.py install",
-    "prepublish": "npm test && builder run build-dist && npm run copy-lib",
+    "prepublish": "npm test && npm run build:js && npm run build:py",
     "publish-all": "npm publish && python setup.py sdist upload",
     "publish-pypi": "npm run prepublish && python setup.py sdist && twine upload --sign --skip-existing",
-    "start": "./node_modules/.bin/builder run build-dev",
+    "start": "webpack-serve ./webpack.serve.config.js --open",
     "test": "eslint src",
     "test-watch": "./node_modules/.bin/builder run test-frontend-watch",
     "test-debug": "./node_modules/.bin/builder run test-frontend-debug",
     "uninstall-local": "pip uninstall dash-core-components -y",
     "build:js": "webpack --mode production",
+    "build:js-dev": "webpack --mode development",
     "build:py": "node ./extract-meta src/components > dash_core_components/metadata.json && cp package.json dash_core_components && npm run generate-python-classes"
   },
   "author": "Chris Parmer <[email protected]>",

dash_core_components/bundle.js.map

@@ -3,39 +3,41 @@ const packagejson = require('./package.json');
 
 const dashLibraryName = packagejson.name.replace(/-/g, '_');
 
-module.exports = {
-    entry: {main: './src/index.js'},
-    output: {
-        path: path.resolve(__dirname, dashLibraryName),
-        filename: 'bundle.js',
-        library: dashLibraryName,
-        libraryTarget: 'window'
-    },
-    externals: {
-        react: 'React',
-        'react-dom': 'ReactDOM',
-        'plotly.js': 'Plotly'
-    },
-    module: {
-        rules: [
-            {
-                test: /\.js$/,
-                exclude: /node_modules/,
-                use: {
-                    loader: 'babel-loader'
-                }
-            },
-            {
-                test: /\.css$/,
-                use: [
-                    {
-                        loader: 'style-loader'
-                    },
-                    {
-                        loader: 'css-loader'
+module.exports = (env, argv) => {
+    return {
+        entry: {main: './src/index.js'},
+        output: {
+            path: path.resolve(__dirname, dashLibraryName),
+            filename: argv.mode === 'development' ? 'bundle.dev.js' : 'bundle.js',
+            library: dashLibraryName,
+            libraryTarget: 'window'
+        },
+        externals: {
+            react: 'React',
+            'react-dom': 'ReactDOM',
+            'plotly.js': 'Plotly'
+        },
+        module: {
+            rules: [
+                {
+                    test: /\.js$/,
+                    exclude: /node_modules/,
+                    use: {
+                        loader: 'babel-loader'
                     }
-                ]
-            }
-        ]
-    }
+                },
+                {
+                    test: /\.css$/,
+                    use: [
+                        {
+                            loader: 'style-loader'
+                        },
+                        {
+                            loader: 'css-loader'
+                        }
+                    ]
+                }
+            ]
+        }
+    };
 };