Eliminate the requisite for copying config files

Split webpack config files into "base", "dev" and "prod" parts. Update package.json for Angular apps so it has two build commands, for development and production packaging, thus removing the need for manually copying config files when switching between "dev" and "prod" builds. Fix development config file so webpack now generates source map files in bundled application. Update the documentation.

Author: toni-rmc

README.md

@@ -5,13 +5,13 @@ This project provides tools and shows you an easy way to integrate one or more A
 ## Getting Started 
 
 After you clone the code you have to build the apps by running necessary commands, than you can test from the default Laravel welcome page. 
-You will see links that will take you to separate integrated Angular apps. 
+You will see links that will take you to the separate integrated Angular apps. 
 
-Two links will take you to separate Angular bundled apps made using **angular-cli**. 
+Two links will take you to the separate Angular bundled apps made using **angular-cli**. 
 
 All Angular apps live in `angular` directory in Laravel project root directory and they are bundled and distributed to `public` directory after build. 
 
-### Setting Up 
+## Setting Up 
 
 Clone code, **cd** to project directory and use composer to install all the dependencies. 
 
@@ -25,7 +25,7 @@ Follow the link below to get detailed explanation on how to integrate Angular pr
 
 + [Laravel - Angular integration](docs/angular/integration.md)
 
-### Note 
+## Note 
 
 This project no longer supports SistemJS build as it is outdated by now. Developing Angular projects without using **angular-cli** tool doesn't make much sense that is why this project now only focuses on integrating Angular programs made with **angular-cli** into Laravel.
 

angular/app1/base.config.js

@@ -0,0 +1,127 @@
+const fs = require('fs');
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const ProgressPlugin = require('webpack/lib/ProgressPlugin');
+const CircularDependencyPlugin = require('circular-dependency-plugin');
+const rxPaths = require('rxjs/_esm5/path-mapping');
+
+const { NoEmitOnErrorsPlugin } = require('webpack');
+const { BaseHrefWebpackPlugin } = require('@angular/cli/plugins/webpack');
+const { CommonsChunkPlugin } = require('webpack').optimize;
+
+const nodeModules = path.join(process.cwd(), 'node_modules');
+const realNodeModules = fs.realpathSync(nodeModules);
+const genDirNodeModules = path.join(process.cwd(), 'src', '$$_gendir', 'node_modules');
+
+const projectRoot = process.cwd();
+
+module.exports = {
+ "resolve": {
+ "extensions": [
+ ".ts",
+ ".js"
+ ],
+ "symlinks": true,
+ "modules": [
+ "./src",
+ "./node_modules"
+ ]
+ },
+ "resolveLoader": {
+ "modules": [
+ "./node_modules"
+ ],
+ "alias": rxPaths()
+ },
+ "module": {
+ "rules": [
+ {
+ "test": /\.html$/,
+ "loader": "raw-loader"
+ },
+ {
+ "test": /\.(eot|svg|cur)$/,
+ "loader": "file-loader",
+ "options": {
+ "name": "[name].[hash:20].[ext]",
+ "limit": 10000
+ }
+ },
+ {
+ "test": /\.(jpg|png|webp|gif|otf|ttf|woff|woff2|ani)$/,
+ "loader": "url-loader",
+ "options": {
+ "name": "[name].[hash:20].[ext]",
+ "limit": 10000
+ }
+ },
+ {
+ "test": /\.ts$/,
+ "loader": "@ngtools/webpack"
+ }
+ ]
+ },
+ "plugins": [
+ new NoEmitOnErrorsPlugin(),
+ new CopyWebpackPlugin([
+ {
+ "context": "src",
+ "to": "",
+ "from": {
+ "glob": "assets\\**\\*",
+ "dot": true
+ }
+ },
+ {
+ "context": "src",
+ "to": "",
+ "from": {
+ "glob": "favicon.ico",
+ "dot": true
+ }
+ }
+ ], {
+ "ignore": [
+ ".gitkeep",
+ "**/.DS_Store",
+ "**/Thumbs.db"
+ ],
+ "debug": "warning"
+ }),
+ new ProgressPlugin(),
+ new CircularDependencyPlugin({
+ "exclude": /(\\|\/)node_modules(\\|\/)/,
+ "failOnError": false,
+ "onDetected": false,
+ "cwd": projectRoot
+ }),
+ new BaseHrefWebpackPlugin({}),
+ new CommonsChunkPlugin({
+ "name": [
+ "inline"
+ ],
+ "minChunks": null
+ }),
+ new CommonsChunkPlugin({
+ "name": [
+ "main"
+ ],
+ "minChunks": 2,
+ "async": "common"
+ })
+ ],
+ "node": {
+ "fs": "empty",
+ "global": true,
+ "crypto": "empty",
+ "tls": "empty",
+ "net": "empty",
+ "process": true,
+ "module": false,
+ "clearImmediate": false,
+ "setImmediate": false
+ },
+ "devServer": {
+ "historyApiFallback": true
+ }
+};