title: Webpack with angular route configuration - browser has valid config, cant resolve file
body: <p>I am having big problems with webpack config, after I added angular route. AngularJS(1).</p>
  
  <p>My error:</p>
  
  <p><a href="https://i.stack.imgur.com/zbdha.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zbdha.png" alt="enter image description here"></a></p>
  
  <p>Ofc If its not clear screen I'll rewrite it.</p>
  
  <p>My package.json config:</p>
  
  <pre><code>{
    "name": "webpack1",
    "version": "1.0.0",
    "description": "",
    "main": "app.js",
    "scripts": {
      "dev": "webpack-dev-server",
      "prod": "npm run clean &amp;&amp; set NODE_ENV=production &amp;&amp; webpack -p",
      "clean": "rimraf ./dist/*"
    },
  </code></pre>
  
  <p>app.js:</p>
  
  <pre><code>const css = require('./app.scss');
  var angular = require('angular');
  var ngRoute = require('angular-route');
  
  var ngModule = angular.module('app', ['ngRoute']);
  
  ngModule.config(function($routeProvider){
      $routeProvider
  
      .when('/', {
          template: require('./html/index.html')
      })
  
      .when('/program', {
          templateUrl: './html/program.html'
      })
   });
  </code></pre>
  
  <p>webpack.config.js:</p>
  
  <pre><code>const ExtractTextPlugin = require("extract-text-webpack-plugin");
  var HtmlWebpackPlugin = require('html-webpack-plugin');
  var webpack = require('webpack');
  var path = require("path");
  var bootstrapEntryPoints = require('./webpack.bootstrap.config');
  
  var isProd = process.env.NODE_ENV === 'production';
  var cssDev = ['style-loader', 'css-loader', 'sass-loader'];
  var cssProd = ExtractTextPlugin.extract({
      fallback: 'style-loader',
      use: ['css-loader', 'sass-loader'],
      allChunks: true
  })
  var cssConfig = isProd ? cssProd : cssDev;
  
      var bootstrapConfig = isProd ? bootstrapEntryPoints.prod : bootstrapEntryPoints.dev;
  
  
  module.exports = {
      stats:{
          colors: true,
          modules: true,
          reasons: true,
          errorDetails: true
      },
      entry: {
          app: './src/js/app.js',
          contact: './src/js/contact.js',
          register: './src/js/register.js',
          login: './src/js/login.js',
          program: './src/js/program.js',
          adminNetworks: './src/js/adminNetworks.js',
          automatic: './src/js/automatic.js',
          bootstrap: bootstrapConfig
      },
      output: {
          path: path.resolve(__dirname, "dist"),
          filename: '[name].bundle.js'
      },
  </code></pre>
  
  <p>After that, just added HtmlWebpackPlugin, ExtractTextPlugin, rules of module and devServer config.</p>
  
  <p>I don't know what to change.. it looks like I added wrong path, but got confused, I tried every combination which i read.</p>
  
  <p>Please help</p>