From 0c8dc6f9b5b5ff7ed41d21c78d9f327883f060b7 Mon Sep 17 00:00:00 2001
From: avsheniuk <avshenukkraevid@mail.ru>
Date: Wed, 5 Apr 2017 10:29:48 +0300
Subject: [PATCH] feat(@angular/cli): add styles/scripts prefix

Just for consideration. Add styles/scripts prefix in order to generate styles/scripts into different folders etc.
---
 packages/@angular/cli/lib/config/schema.json           | 10 ++++++++++
 packages/@angular/cli/models/webpack-configs/common.ts |  4 ++--
 packages/@angular/cli/models/webpack-configs/styles.ts |  2 +-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/@angular/cli/lib/config/schema.json b/packages/@angular/cli/lib/config/schema.json
index 89c69e2a58b9..fe9036a2d9b1 100644
--- a/packages/@angular/cli/lib/config/schema.json
+++ b/packages/@angular/cli/lib/config/schema.json
@@ -150,6 +150,11 @@
             },
             "additionalProperties": false
           },
+          "stylesPrefix": {
+            "type": "string",
+            "default": "",
+            "description": "The prefix for output filenames of styles."
+          },
           "scripts": {
             "description": "Global scripts to be included in the build.",
             "type": "array",
@@ -174,6 +179,11 @@
             },
             "additionalProperties": false
           },
+          "scriptsPrefix": {
+            "type": "string",
+            "default": "",
+            "description": "The prefix for output filenames of scripts."
+          },
           "environmentSource":{
             "description": "Source file for environment config.",
             "type": "string"
diff --git a/packages/@angular/cli/models/webpack-configs/common.ts b/packages/@angular/cli/models/webpack-configs/common.ts
index bec60dda00a3..3a6d7b72d93c 100644
--- a/packages/@angular/cli/models/webpack-configs/common.ts
+++ b/packages/@angular/cli/models/webpack-configs/common.ts
@@ -77,8 +77,8 @@ export function getCommonConfig(wco: WebpackConfigOptions) {
     output: {
       path: path.resolve(projectRoot, buildOptions.outputPath),
       publicPath: buildOptions.deployUrl,
-      filename: `[name]${hashFormat.chunk}.bundle.js`,
-      chunkFilename: `[id]${hashFormat.chunk}.chunk.js`
+      filename: `${appConfig.scriptsPrefix}[name]${hashFormat.chunk}.bundle.js`,
+      chunkFilename: `${appConfig.scriptsPrefix}[id]${hashFormat.chunk}.chunk.js`
     },
     module: {
       rules: [
diff --git a/packages/@angular/cli/models/webpack-configs/styles.ts b/packages/@angular/cli/models/webpack-configs/styles.ts
index 2324dba536f8..9181f01ecf2f 100644
--- a/packages/@angular/cli/models/webpack-configs/styles.ts
+++ b/packages/@angular/cli/models/webpack-configs/styles.ts
@@ -200,7 +200,7 @@ export function getStylesConfig(wco: WebpackConfigOptions) {
     plugins: [
       // extract global css from js files into own css file
       new ExtractTextPlugin({
-        filename: `[name]${hashFormat.extract}.bundle.css`,
+        filename: `${appConfig.stylesPrefix}[name]${hashFormat.extract}.bundle.css`,
         disable: !buildOptions.extractCss
       })
     ].concat(extraPlugins)