add public files js css and images copied in the demo shell dist (#1649)

demo-shell-ng2/README.md

@@ -26,7 +26,7 @@ npm install
 npm start
 ```
 
-This command compiles and starts the project in watch mode. 
+This command compiles and starts the project in watch mode.
 Browser will automatically reload upon changes.
 Upon start you can navigate to `http://localhost:3000` with your preferred browser.
 
@@ -41,7 +41,7 @@ npm run build
 npm run start:dist
 ```
 
-This command builds broject in `production` mode. 
+This command builds broject in `production` mode.
 All output is placed to `dist` folder and can be served your preferred web server.
 You should need no additional files outside the `dist` folder.
 
@@ -81,4 +81,22 @@ Directory structure:
 │   └── fr.json
 ```
 
+## Custom-files
 
+If you need to add custom files on your project you can add this files in the folders
+
+```
+.
+├── public/
+│   ├── images/
+│   ├── css/
+│   └── js/
+```
+
+those folder above wil be copied in the root of your project and you can refer to them for example as
+
+ * './images/custom_image.png'
+ * './js/custom_script.js'
+ * './css/custom_style.css'
+
+for more complex scenario you need to modify the webpack file in the config folder.

demo-shell-ng2/config/webpack.common.js

@@ -159,40 +159,22 @@ module.exports = {
                 to: 'js/material.min.js',
                 flatten: true
             }, {
-                context: 'public',
-                from: 'css/material.orange-blue.min.css',
-                to: 'css/material.orange-blue.min.css',
-                flatten: true
-            },  {
                 context: 'node_modules',
                 from: 'material-design-icons/iconfont/',
                 to: 'css/iconfont/',
                 flatten: true
             }, {
                 context: 'public',
-                from: 'js/typedarray.js',
+                from: 'js/',
-                to: 'js/typedarray.js',
+                to: 'js/'
-                flatten: true
+            },{
+                context: 'public',
+                from: 'css/',
+                to: 'css/'
             }, {
                 context: 'public',
-                from: 'js/Blob.js',
+                from: 'images/',
-                to: 'js/Blob.js',
+                to: 'images/'
-                flatten: true
-            }, {
-                context: 'public',
-                from: 'js/formdata.js',
-                to: 'js/formdata.js',
-                flatten: true
-            }, {
-                context: 'public',
-                from: 'js/promisePolyfill.js',
-                to: 'js/promisePolyfill.js',
-                flatten: true
-            }, {
-                context: 'public',
-                from: 'css/muli-font.css',
-                to: 'css/muli-font.css',
-                flatten: true
             }
 
         ]),