- upgraded to topcoder-react-utils@0.0.39

- fixed production builds
- fixed to reuse `entry` from topcoder-react-utils

Author: maxceem

config/babel/webpack-coffee.js

@@ -0,0 +1,14 @@
+/**
+ * Babel config for CoffeeScript only.
+ *
+ * We disable modules for `env` preset of `babel` for CoffeeScript to avoid error
+ * 'Uncaught ReferenceError exports is not defined'
+ */
+const topCoderBabelConfig = require('topcoder-react-utils/config/babel/webpack')
+
+const envPresetIndex = topCoderBabelConfig.presets.find((preset) => preset === 'env')
+topCoderBabelConfig.presets.splice(envPresetIndex, 1, ['env', { modules: false }])
+
+console.log('babel', JSON.stringify(topCoderBabelConfig, null, 4))
+
+module.exports = topCoderBabelConfig

config/webpack/common.js

@@ -50,14 +50,17 @@ module.exports = {
       /*
         Connect app depends on `appirio-tech-react-components` which uses
         CoffeeScript so we have to add support for it
+
+        Note, that we use custom babel config for coffee script which disables modules
        */
       test: /\.(coffee|litcoffee|cjsx)$/,
       use: [
         {
           loader: 'babel-loader',
           options: {
             babelrc: false,
-            presets: ['env', 'react', 'stage-2'],
+            forceEnv: 'development', // by default set env to 'development'
+            presets: [path.resolve(dirname, './config/babel/webpack-coffee.js')],
             plugins: ['lodash']
           }
         },
@@ -66,7 +69,7 @@ module.exports = {
       ]
     }, {
       /*
-        Without this rule there are lots of SVG issues
+        Load SVG files not handled by inline-react-svg babel plugin
       */
       test: /\.svg$/,
       loader: 'file-loader'

config/webpack/development.js

@@ -14,27 +14,30 @@ const configFactory = require('topcoder-react-utils/config/webpack/app-developme
 const developmentTopCoderConfig = configFactory({
   context: dirname,
 
-  entry: [
-    'react-hot-loader/patch',
-    './src/styles/main.scss',
-    './src/index'
-  ]
+  entry: './src/index'
 })
 
+// merge standard development TopCoder config with common config specific to connect app
+const combinedConfig = webpackMerge.smart(
+  developmentTopCoderConfig,
+  commonProjectConfig
+)
+
 // apply common modifications specific to connect app which cannot by applied by webpack merge
-applyCommonModifications(developmentTopCoderConfig)
+applyCommonModifications(combinedConfig)
 
 /*
   Remove HotModuleReplacementPlugin, because we run webpack-dev-server with --hot param
   Otherwise this plugin will be added twice and cause bugs
  */
-const hotReloadPluginIndex = developmentTopCoderConfig.plugins.findIndex(plugin => plugin.constructor.name === 'HotModuleReplacementPlugin')
-developmentTopCoderConfig.plugins.splice(hotReloadPluginIndex, 1)
+const hotReloadPluginIndex = combinedConfig.plugins.findIndex(plugin => plugin.constructor.name === 'HotModuleReplacementPlugin')
+combinedConfig.plugins.splice(hotReloadPluginIndex, 1)
 
-// merge standard development TopCoder config with common config specific to connect app
-const combinedConfig = webpackMerge.smart(
-  developmentTopCoderConfig,
-  commonProjectConfig
-)
+/*
+  Remove 'webpack-hot-middleware/client?reload=true' as we use webpack-dev-server, not middleware
+ */
+combinedConfig.entry.main = combinedConfig.entry.main.filter((entry) => (
+  entry !== 'webpack-hot-middleware/client?reload=true'
+))
 
 module.exports = combinedConfig

config/webpack/production.js

@@ -15,19 +15,29 @@ const configFactory = require('topcoder-react-utils/config/webpack/app-productio
 const productionTopCoderConfig = configFactory({
   context: dirname,
 
-  entry: [
-    './src/styles/main.scss',
-    './src/index'
-  ]
+  entry: './src/index'
 })
 
+// merge standard production TopCoder config with common config specific to connect app
+const combinedConfig = webpackMerge.smart(
+  productionTopCoderConfig,
+  commonProjectConfig
+)
+
 // apply common modifications specific to connect app which cannot by applied by webpack merge
-applyCommonModifications(productionTopCoderConfig)
+applyCommonModifications(combinedConfig)
+
+/*
+  Set babel environment to `production` for CoffeeScript babel config
+ */
+const coffeeRule = combinedConfig.module.rules.find(rule => /coffee/.test(rule.test.toString()))
+const coffeeBabelUse = coffeeRule.use.find((use) => use.loader === 'babel-loader')
+coffeeBabelUse.options.forceEnv = 'production'
 
 /*
   Add compression plugin which gzip files output files
  */
-productionTopCoderConfig.plugins.push(
+combinedConfig.plugins.push(
   new CompressionPlugin({
     asset: '[file]',
     algorithm: 'gzip',
@@ -37,10 +47,4 @@ productionTopCoderConfig.plugins.push(
   })
 )
 
-// merge standard production TopCoder config with common config specific to connect app
-const combinedConfig = webpackMerge.smart(
-  productionTopCoderConfig,
-  commonProjectConfig
-)
-
 module.exports = combinedConfig