better ad hoc webpack configs

Author: Nick Balestra

…ts/scripts/configs/webpack.config.dev.js …le-scripts/configs/webpack.config.dev.jspackages/cycle-scripts/scripts/configs/webpack.config.dev.js renamed to packages/cycle-scripts/configs/webpack.config.dev.js packages/cycle-scripts/scripts/configs/webpack.config.dev.js renamed to packages/cycle-scripts/configs/webpack.config.dev.js

@@ -7,9 +7,7 @@ const webpack = require('webpack')
 module.exports = {
   entry: {
     main: [
-      require.resolve('../utils/webpackHotDevClient'),
-      // `webpack-dev-server/client?http://${devServer.host}:${devServer.port.toString()}`,
-      // 'webpack/hot/dev-server',  // 'webpack/hot/only-dev-server',
+      require.resolve('cycle-dev-utils/webpackHotDevClient'),
       path.join(process.cwd(), 'src', 'index.js')
     ]
   },
@@ -23,7 +21,17 @@ module.exports = {
         test: /\.jsx?$/,
         loader: 'babel-loader',
         options: {
-          cacheDirectory: true
+          cacheDirectory: true,
+          presets: [
+            [ 'env', {
+              'targets': {
+                'browsers': ['last 2 versions']
+              }
+            }]
+          ],
+          plugins: [
+            ['transform-react-jsx', { pragma: 'Snabbdom.createElement' }]
+          ]
         },
         exclude: /node_modules/
       }

packages/cycle-scripts/configs/webpack.config.prod.js

@@ -0,0 +1,104 @@
+'use strict'
+
+const path = require('path')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const webpack = require('webpack')
+
+module.exports = {
+  entry: {
+    main: [
+      path.join(process.cwd(), 'src', 'index.js')
+    ]
+  },
+  output: {
+    filename: 'bundle.js',
+    path: path.join(process.cwd(), 'build')
+  },
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        loader: 'babel-loader',
+        options: {
+          cacheDirectory: true,
+          presets: [
+            [ 'env', {
+              'targets': {
+                'browsers': ['last 2 versions'],
+                uglify: true
+              }
+            }]
+          ],
+          plugins: [
+            ['transform-react-jsx', { pragma: 'Snabbdom.createElement' }]
+          ]
+        },
+        exclude: /node_modules/
+      }
+    ]
+  },
+  plugins: [
+    new webpack.HotModuleReplacementPlugin(),
+    new HtmlWebpackPlugin({
+      template: 'public/index.html',
+      inject: true,
+      favicon: 'public/favicon.png',
+      hash: true
+    }),
+    new webpack.ProvidePlugin({
+      Snabbdom: 'snabbdom-pragma'
+    }),
+    new webpack.optimize.UglifyJsPlugin(),
+    new webpack.LoaderOptionsPlugin({
+      minimize: true,
+      debug: false
+    })
+  ]
+}
+
+// 'use strict'
+
+// const fs = require('fs-extra')
+// const path = require('path')
+// const mkdirp = require('mkdirp')
+// const webpack = require('webpack')
+// const ProgressBarPlugin = require('progress-bar-webpack-plugin')
+
+// const buildPath = path.join(process.cwd(), 'build')
+// const publicPath = path.join(process.cwd(), 'public')
+
+// mkdirp.sync(buildPath)
+
+// const compiler = webpack({
+//   entry: [
+//     './src/'
+//   ],
+//   output: {
+//     filename: 'bundle.js',
+//     path: './public/'
+//   },
+//   module: {
+//     loaders: [
+//       {
+//         test: /\.js$/,
+//         loader: 'babel',
+//         query: {
+//           presets: ['es2015']
+//         },
+//         exclude: /node_modules/
+//       }
+//     ]
+//   },
+//   plugins: [
+//     new ProgressBarPlugin(),
+//     new webpack.optimize.UglifyJsPlugin({minimize: true})
+//   ]
+// })
+
+// compiler.run((err, stats) => {
+//   if (err) {
+//     console.log(err)
+//   } else {
+//     fs.copySync(publicPath, buildPath)
+//   }
+// })

…ripts/configs/webpackDevServer.config.js …ripts/configs/webpackDevServer.config.jspackages/cycle-scripts/scripts/configs/webpackDevServer.config.js renamed to packages/cycle-scripts/configs/webpackDevServer.config.js packages/cycle-scripts/scripts/configs/webpackDevServer.config.js renamed to packages/cycle-scripts/configs/webpackDevServer.config.js

@@ -1,14 +1,43 @@
 /**
- * Source: https://github.com/facebookincubator/create-react-app/
+ * BSD License
+ * For create-react-app software
+ *
+ * Copyright (c) 2016-present, Facebook, Inc. All rights reserved.
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * Redistributions of source code must retain the above copyright notice, this
+ * list of conditions and the following disclaimer.
+ *
+ * Redistributions in binary form must reproduce the above copyright notice,
+ * this list of conditions and the following disclaimer in the documentation
+ * and/or other materials provided with the distribution.
+ *
+ * Neither the name Facebook nor the names of its contributors may be used to
+ * endorse or promote products derived from this software without specific
+ * prior written permission.
+ *
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+ * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
+
 'use strict'
+
 const fs = require('fs')
 const path = require('path')
 
 const protocol = process.env.HTTPS === 'true' ? 'https' : 'http'
 const host = process.env.HOST || 'localhost'
 
-// to be moved in paths.js file
 const appDirectory = fs.realpathSync(process.cwd())
 function resolveApp (relativePath) {
   return path.resolve(appDirectory, relativePath)