a few changes to make A/B testing easier

webpack.config.js

@@ -1,17 +1,16 @@
 const path = require('path');
 const webpack = require('webpack');
-const HtmlPlugin = require('html-webpack-plugin');
 const CopyPlugin = require('copy-webpack-plugin');
+const ManifestPlugin = require('webpack-manifest-plugin');
 
 module.exports = {
   entry: {
-    vendor: ['babel-polyfill', 'raven-js'],
-    upload: ['./frontend/src/upload.js'],
-    download: ['./frontend/src/download.js']
+    vendor: ['babel-polyfill', 'raven-js', 'fluent', 'choo'],
+    app: ['./app/main.js']
   },
   output: {
-    filename: 'resources/[name].[chunkhash].js',
-    path: path.resolve(__dirname, 'dist/public'),
+    filename: '[name].[chunkhash:8].js',
+    path: path.resolve(__dirname, 'dist'),
     publicPath: '/'
   },
   module: {
@@ -20,19 +19,48 @@ module.exports = {
         test: /\.js$/,
         loader: 'babel-loader',
         include: [
-          path.resolve(__dirname, 'frontend'),
+          path.resolve(__dirname, 'app'),
+          path.resolve(__dirname, 'common'),
           path.resolve(__dirname, 'node_modules/testpilot-ga/src')
         ],
         options: {
           babelrc: false,
-          presets: [['es2015', { modules: false }], 'stage-2']
+          presets: [['env', { modules: false }], 'stage-2'],
+          plugins: ['yo-yoify']
         }
       },
+      {
+        test: /\.js$/,
+        include: [path.dirname(require.resolve('fluent'))],
+        use: [
+          {
+            loader: 'expose-loader',
+            options: 'fluent'
+          },
+          {
+            loader: 'babel-loader',
+            options: {
+              presets: [['env', { modules: false }]]
+            }
+          }
+        ]
+      },
+      {
+        test: require.resolve('./assets/cryptofill'),
+        use: [
+          {
+            loader: 'file-loader',
+            options: {
+              name: '[name].[hash:8].[ext]'
+            }
+          }
+        ]
+      },
       {
         test: /\.(svg|png|jpg)$/,
         loader: 'file-loader',
         options: {
-          name: 'resources/[name].[hash].[ext]'
+          name: '[name].[hash:8].[ext]'
         }
       },
       {
@@ -41,7 +69,7 @@ module.exports = {
           {
             loader: 'file-loader',
             options: {
-              name: 'resources/[name].[hash].[ext]'
+              name: '[name].[hash:8].[ext]'
             }
           },
           'extract-loader',
@@ -50,75 +78,64 @@ module.exports = {
         ]
       },
       {
-        test: /\.hbs$/,
+        test: require.resolve('./package.json'),
         use: [
           {
-            loader: 'html-loader',
+            loader: 'file-loader',
             options: {
-              interpolate: 'require',
-              minimize: false
+              name: 'version.json'
             }
-          }
+          },
+          'extract-loader',
+          './build/package_json_loader'
         ]
+      },
+      {
+        test: /\.ftl$/,
+        use: [
+          {
+            loader: 'file-loader',
+            options: {
+              name: '[path][name].[hash:8].js'
+            }
+          },
+          'extract-loader',
+          './build/fluent_loader'
+        ]
+      },
+      {
+        test: require.resolve('./build/generate_asset_map.js'),
+        use: ['babel-loader', 'val-loader']
+      },
+      {
+        test: require.resolve('./build/generate_l10n_map.js'),
+        use: ['babel-loader', 'val-loader']
       }
     ]
   },
   plugins: [
     new CopyPlugin([
-      {
-        context: 'public',
-        from: 'locales/**/*.ftl'
-      },
       {
         context: 'public',
         from: '*.*'
-      },
-      {
-        from: 'views/**',
-        to: '../'
-      },
-      {
-        context: 'node_modules/l20n/dist/web',
-        from: 'l20n.min.js'
       }
     ]),
-    new HtmlPlugin({
-      filename: '../views/index.handlebars',
-      template: 'webpack/upload.hbs',
-      chunks: ['upload']
-    }),
-    new HtmlPlugin({
-      filename: '../views/download.handlebars',
-      template: 'webpack/download.hbs',
-      chunks: ['download']
-    }),
-    new HtmlPlugin({
-      filename: '../views/legal.handlebars',
-      template: 'webpack/legal.hbs',
-      inject: false
-    }),
-    new HtmlPlugin({
-      filename: '../views/notfound.handlebars',
-      template: 'webpack/notfound.hbs',
-      inject: false
-    }),
-    new HtmlPlugin({
-      filename: '../views/layouts/main.handlebars',
-      template: 'webpack/layout.hbs',
-      inject: 'head',
-      excludeChunks: ['upload', 'download']
-    }),
-    new HtmlPlugin({
-      filename: '../views/unsupported.handlebars',
-      template: 'webpack/unsupported.hbs',
-      inject: false
-    }),
+    new webpack.IgnorePlugin(/dist/),
+    new webpack.IgnorePlugin(/require-from-string/),
     new webpack.HashedModuleIdsPlugin(),
     new webpack.optimize.CommonsChunkPlugin({
       name: 'vendor'
     }),
     new webpack.optimize.CommonsChunkPlugin({
       name: 'runtime'
-    })
-  ]
+    }),
+    new ManifestPlugin()
+  ],
+  devServer: {
+    compress: true,
+    setup:
+      process.env.NODE_ENV === 'development'
+        ? require('./server/dev')
+        : undefined
+  }
 };