Webpack boilerplate stuff

fallback-rule.ts

const fallbackRule: Webpack.Rule = {
  test: function matchEverything() {
    return true
  },
  exclude: [
    /\.html$/, // .html files are handled by html-webpack-plugin.
    /\.json$/ // .json files are often handled by webpack internally (i.e. hot-update.json).
  ],
  loader: require.resolve('file-loader'),
  options: {
    name: '[name].[hash:8].[ext]' // Even in development mode hashing is useful.
  }
}

react-hmr-entry.ts

const entry: [
  'applicationEntryScript.tsx',
  require.resolve('react-hot-loader/patch'),
  `webpack-dev-server/client?http://${host}:${port}`,
  'webpack/hot/only-dev-server'
]

rules-hierarchy-template.ts

const module = {
  rules: [{
    include: APPLICATION_SOURCE_DIR, // Scope for loaders.
    rules: [{
      oneOf: [typescriptDevRule, fallbackRule]
    }]
  }]
},

typescript-rule.ts

const typescriptRule: Webpack.Rule = {
  test: /\.tsx?$/,
  loaders: [require.resolve('react-hot-loader/webpack'), require.resolve('ts-loader')]
}