feat(@angular/cli): add barebones option to ng new

This feature allows users to specify `--barebones` (`-b`) to create a no-frills app.
angular · Jun 7, 2017 · a7668e0 · a7668e0
1 parent 2be0bf2
commit a7668e0
Show file tree

Hide file tree

Showing 9 changed files with 108 additions and 11 deletions.
diff --git a/docs/documentation/new.md b/docs/documentation/new.md
@@ -48,6 +48,16 @@ Default applications are created in a directory of the same name, with an initia
   </p>
 </details>
 
+<details>
+  <summary>minimal</summary>
+  <p>
+    <code>--minimal</code> <em>default value: false</em>
+  </p>
+  <p>
+    Should create a minimal app.
+  </p>
+</details>
+
 <details>
   <summary>prefix</summary>
   <p>

diff --git a/packages/@angular/cli/blueprints/ng/files/__path__/index.html b/packages/@angular/cli/blueprints/ng/files/__path__/index.html
@@ -5,8 +5,8 @@
   <title><%= jsComponentName %></title>
   <base href="/">
 
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <meta name="viewport" content="width=device-width, initial-scale=1"><% if (!minimal) { %>
+  <link rel="icon" type="image/x-icon" href="favicon.ico"><% } %>
 </head>
 <body>
   <<%= prefix %>-root></<%= prefix %>-root>

diff --git a/packages/@angular/cli/blueprints/ng/files/angular-cli.json b/packages/@angular/cli/blueprints/ng/files/angular-cli.json
@@ -51,7 +51,30 @@
     }
   },
   "defaults": {
-    "styleExt": "<%= styleExt %>",
-    "component": {}
+    "styleExt": "<%= styleExt %>",<% if (!minimal) { %>
+    "component": {}<% } else { %>
+    "component": {
+      "spec": false,
+      "inlineStyle": true,
+      "inlineTemplate": true
+    },
+    "directive": {
+      "spec": false
+    },
+    "class": {
+      "spec": false
+    },
+    "guard": {
+      "spec": false
+    },
+    "module": {
+      "spec": false
+    },
+    "pipe": {
+      "spec": false
+    },
+    "service": {
+      "spec": false
+    } <% } %>
   }
 }
diff --git a/packages/@angular/cli/blueprints/ng/files/package.json b/packages/@angular/cli/blueprints/ng/files/package.json
@@ -5,10 +5,13 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build",
+    "build": "ng build",<% if (!minimal){ %>
     "test": "ng test",
     "lint": "ng lint",
-    "e2e": "ng e2e"
+    "e2e": "ng e2e"<% } else { %>
+    "test": "echo \"Error: no test... minimal project\" && exit 1",
+    "lint": "echo \"Error: no lint... minimal project\" && exit 1",
+    "e2e": "echo \"Error: no e2e... minimal project\" && exit 1"<% } %>
   },
   "private": true,
   "dependencies": {
@@ -28,7 +31,7 @@
   "devDependencies": {
     "@angular/cli": "<%= version %>",
     "@angular/compiler-cli": "^4.0.0",
-    "@angular/language-service": "^4.0.0",
+    "@angular/language-service": "^4.0.0",<% if (!minimal) { %>
     "@types/jasmine": "2.5.45",
     "@types/node": "~6.0.60",
     "codelyzer": "~3.0.1",
@@ -42,7 +45,7 @@
     "karma-coverage-istanbul-reporter": "^1.2.1",
     "protractor": "~5.1.2",
     "ts-node": "~3.0.4",
-    "tslint": "~5.3.2",
+    "tslint": "~5.3.2",<% } %>
     "typescript": "~2.3.3"
   }
 }
diff --git a/packages/@angular/cli/blueprints/ng/index.ts b/packages/@angular/cli/blueprints/ng/index.ts
@@ -15,7 +15,12 @@ export default Blueprint.extend({
     { name: 'routing', type: Boolean, default: false },
     { name: 'inline-style', type: Boolean, default: false, aliases: ['is'] },
     { name: 'inline-template', type: Boolean, default: false, aliases: ['it'] },
-    { name: 'skip-git', type: Boolean, default: false, aliases: ['sg'] }
+    { name: 'skip-git', type: Boolean, default: false, aliases: ['sg'] },
+    { name: 'minimal',
+      type: Boolean,
+      default: false,
+      description: 'Should create a minimal app.'
+     }
   ],
 
   beforeInstall: function(options: any) {
@@ -26,6 +31,12 @@ export default Blueprint.extend({
   },
 
   locals: function(options: any) {
+    if (options.minimal) {
+      options.inlineStyle = true;
+      options.inlineTemplate = true;
+      options.skipTests = true;
+    }
+
     this.styleExt = options.style === 'stylus' ? 'styl' : options.style;
     if (!options.style) {
       this.styleExt = CliConfig.getValue('defaults.styleExt') || 'css';
@@ -54,7 +65,8 @@ export default Blueprint.extend({
       routing: options.routing,
       inlineStyle: options.inlineStyle,
       inlineTemplate: options.inlineTemplate,
-      tests: this.tests
+      tests: this.tests,
+      minimal: options.minimal
     };
   },
 
@@ -78,6 +90,14 @@ export default Blueprint.extend({
       fileList = fileList.filter(p => p.indexOf('app.component.spec.ts') < 0);
     }
 
+    if (this.options && this.options.minimal) {
+      const toRemoveList: RegExp[] = [/e2e\//, /editorconfig/, /README/, /karma.conf.js/,
+        /protractor.conf.js/, /test.ts/, /tsconfig.spec.json/, /tslint.json/, /favicon.ico/];
+      fileList = fileList.filter(p => {
+        return !toRemoveList.some(re => re.test(p));
+      });
+    }
+
     const cliConfig = CliConfig.fromProject();
     const ngConfig = cliConfig && cliConfig.config;
     if (!ngConfig || ngConfig.packageManager != 'yarn') {

diff --git a/packages/@angular/cli/commands/init.ts b/packages/@angular/cli/commands/init.ts
@@ -20,7 +20,13 @@ const InitCommand: any = Command.extend({
     { name: 'prefix', type: String, default: 'app', aliases: ['p'] },
     { name: 'routing', type: Boolean, default: false },
     { name: 'inline-style', type: Boolean, default: false, aliases: ['is'] },
-    { name: 'inline-template', type: Boolean, default: false, aliases: ['it'] }
+    { name: 'inline-template', type: Boolean, default: false, aliases: ['it'] },
+    {
+      name: 'minimal',
+      type: Boolean,
+      default: false,
+      description: 'Should create a minimal app.'
+     }
   ],
 
   anonymousOptions: ['<glob-pattern>'],

diff --git a/packages/@angular/cli/commands/new.ts b/packages/@angular/cli/commands/new.ts
@@ -116,6 +116,12 @@ const NewCommand = Command.extend({
       default: false,
       aliases: ['it'],
       description: 'Should have an inline template.'
+     },
+     {
+      name: 'minimal',
+      type: Boolean,
+      default: false,
+      description: 'Should create a minimal app.'
      }
   ],
 

diff --git a/packages/@angular/cli/tasks/init.ts b/packages/@angular/cli/tasks/init.ts
@@ -76,6 +76,7 @@ export default Task.extend({
       routing: commandOptions.routing,
       inlineStyle: commandOptions.inlineStyle,
       inlineTemplate: commandOptions.inlineTemplate,
+      minimal: commandOptions.minimal,
       ignoredUpdateFiles: ['favicon.ico'],
       skipGit: commandOptions.skipGit,
       skipTests: commandOptions.skipTests

diff --git a/tests/e2e/tests/commands/new/new-minimal.ts b/tests/e2e/tests/commands/new/new-minimal.ts
@@ -0,0 +1,28 @@
+import {ng} from '../../../utils/process';
+import {createProject} from '../../../utils/project';
+import {expectFileNotToExist, expectFileToMatch} from '../../../utils/fs';
+import {expectToFail} from '../../../utils/utils';
+
+
+export default function() {
+  return Promise.resolve()
+    .then(() => createProject('minimal-project', '--minimal'))
+    .then(() => expectFileNotToExist('.editorconfig'))
+    .then(() => expectFileNotToExist('README.md'))
+    .then(() => expectFileNotToExist('karma.conf.js'))
+    .then(() => expectFileNotToExist('protractor.conf.js'))
+    .then(() => expectFileNotToExist('src/test.ts'))
+    .then(() => expectFileNotToExist('src/tsconfig.spec.json'))
+    .then(() => expectFileNotToExist('tslint.json'))
+    .then(() => expectFileNotToExist('src/app/app.component.html'))
+    .then(() => expectFileNotToExist('src/app/app.component.css'))
+    .then(() => expectFileNotToExist('src/app/app.component.spec.ts'))
+    .then(() => expectFileNotToExist('src/app/favicon.ico'))
+
+    .then(() => expectToFail(() => expectFileToMatch('package.json', '"protractor":')))
+    .then(() => expectToFail(() => expectFileToMatch('package.json', '"karma":')))
+    .then(() => expectToFail(() => expectFileToMatch('package.json', '"jasmine-core":')))
+
+    // Try to run a build.
+    .then(() => ng('build'));
+}