CLI-less webpack build

build/tasks/release-checks/suite-steps.js

@@ -65,11 +65,11 @@ module.exports = function(suite) {
 
   if (applicable(features, 'webpack')) {
     steps.push(
-      new tests.webpack.AuRunDoesNotThrowCommandLineErrors(),
-      new tests.webpack.AuRunLaunchesServer(),
-      new tests.webpack.AuRunRendersPage(),
-      new tests.webpack.AuRunAppLaunchesWithoutJavascriptErrors(),
-      new tests.webpack.AuRunWatchPicksUpFileChanges()
+      new tests.webpack.NpmStartDoesNotThrowCommandLineErrors(),
+      new tests.webpack.NpmStartLaunchesServer(),
+      new tests.webpack.NpmStartRendersPage(),
+      new tests.webpack.NpmStartAppLaunchesWithoutJavascriptErrors(),
+      new tests.webpack.NpmStartWatchPicksUpFileChanges()
     );
   }
 

build/tasks/release-checks/tests/generic/au-cypress.js

@@ -30,7 +30,7 @@ class AuCypressRunsTests extends Test {
   }
 
   execute() {
-    this.executeCommand = new ExecuteCommand('au', ['run'], (msg) => this.onOutput(msg));
+    this.executeCommand = new ExecuteCommand('npm', ['start'], (msg) => this.onOutput(msg));
     return this.executeCommand.executeAsNodeScript();
   }
 }

build/tasks/release-checks/tests/generic/au-protractor.js

@@ -27,7 +27,7 @@ class AuProtractorRunsTests extends Test {
   }
 
   execute() {
-    this.executeCommand = new ExecuteCommand('au', ['run'], (msg) => this.onOutput(msg));
+    this.executeCommand = new ExecuteCommand('npm', ['start'], (msg) => this.onOutput(msg));
     return this.executeCommand.executeAsNodeScript();
   }
 }

build/tasks/release-checks/tests/webpack/index.js

@@ -1,3 +1,3 @@
 module.exports = {
-  ...require('./au-run')
+  ...require('./run')
 };

build/tasks/release-checks/tests/webpack/au-run.js → build/tasks/release-checks/tests/webpack/run.js

@@ -6,9 +6,9 @@ const StepRunner = require('../../step-runner');
 const path = require('path');
 const fs = require('fs');
 
-class AuRunDoesNotThrowCommandLineErrors extends Test {
+class NpmStartDoesNotThrowCommandLineErrors extends Test {
   constructor() {
-    super('au run does not throw commandline errors');
+    super('npm start does not throw commandline errors');
   }
 
   onOutput(message) {
@@ -24,14 +24,14 @@ class AuRunDoesNotThrowCommandLineErrors extends Test {
   }
 
   execute() {
-    this.executeCommand = new ExecuteCommand('au', ['run'], (msg) => this.onOutput(msg));
+    this.executeCommand = new ExecuteCommand('npm', ['start'], (msg) => this.onOutput(msg));
     return this.executeCommand.executeAsNodeScript();
   }
 }
 
-class AuRunLaunchesServer extends Test {
+class NpmStartLaunchesServer extends Test {
   constructor() {
-    super('au run launches server');
+    super('npm start launches server');
   }
 
   onOutput(message) {
@@ -44,14 +44,14 @@ class AuRunLaunchesServer extends Test {
   }
 
   execute() {
-    this.executeCommand = new ExecuteCommand('au', ['run'], (msg) => this.onOutput(msg));
+    this.executeCommand = new ExecuteCommand('npm', ['start'], (msg) => this.onOutput(msg));
     return this.executeCommand.executeAsNodeScript();
   }
 }
 
-class AuRunWatchPicksUpFileChanges extends Test {
+class NpmStartWatchPicksUpFileChanges extends Test {
   constructor(fileToChange) {
-    super('au run picks up file changes');
+    super('npm start picks up file changes');
 
     this.fileToChange = fileToChange || path.join('src', 'app.html');
     this.watchingForFileChangeNotification = false;
@@ -99,14 +99,14 @@ class AuRunWatchPicksUpFileChanges extends Test {
   execute(context) {
     this.context = context;
 
-    this.executeCommand = new ExecuteCommand('au', ['run'], (msg) => this.onOutput(msg));
+    this.executeCommand = new ExecuteCommand('npm', ['start'], (msg) => this.onOutput(msg));
     return this.executeCommand.executeAsNodeScript();
   }
 }
 
-class AuRunAppLaunchesWithoutJavascriptErrors extends Test {
+class NpmStartAppLaunchesWithoutJavascriptErrors extends Test {
   constructor() {
-    super('au run app launches without javascript errors');
+    super('npm start app launches without javascript errors');
   }
 
   onOutput(message) {
@@ -126,14 +126,14 @@ class AuRunAppLaunchesWithoutJavascriptErrors extends Test {
   }
 
   execute() {
-    this.executeCommand = new ExecuteCommand('au', ['run'], (msg) => this.onOutput(msg));
+    this.executeCommand = new ExecuteCommand('npm', ['start'], (msg) => this.onOutput(msg));
     return this.executeCommand.executeAsNodeScript();
   }
 }
 
-class AuRunRendersPage extends Test {
+class NpmStartRendersPage extends Test {
   constructor() {
-    super('au run renders page');
+    super('npm start renders page');
   }
 
   onOutput(context, message) {
@@ -142,7 +142,7 @@ class AuRunRendersPage extends Test {
     if (isApplicationAvailableMessage(message)) {
       const url = getURL(message);
 
-      const screenshot = new TakeScreenShotOfPage(url, path.join(context.resultOutputFolder, 'screenshot-of-au-run.png'));
+      const screenshot = new TakeScreenShotOfPage(url, path.join(context.resultOutputFolder, 'screenshot-of-npm-start.png'));
 
       return new StepRunner(screenshot).run()
         .then(() => {
@@ -153,7 +153,7 @@ class AuRunRendersPage extends Test {
   }
 
   execute(context) {
-    this.executeCommand = new ExecuteCommand('au', ['run'], (msg) => this.onOutput(context, msg));
+    this.executeCommand = new ExecuteCommand('npm', ['start'], (msg) => this.onOutput(context, msg));
     return this.executeCommand.executeAsNodeScript();
   }
 }
@@ -169,9 +169,9 @@ function getURL(msg) {
 }
 
 module.exports = {
-  AuRunDoesNotThrowCommandLineErrors,
-  AuRunLaunchesServer,
-  AuRunWatchPicksUpFileChanges,
-  AuRunAppLaunchesWithoutJavascriptErrors,
-  AuRunRendersPage
+  NpmStartDoesNotThrowCommandLineErrors,
+  NpmStartLaunchesServer,
+  NpmStartWatchPicksUpFileChanges,
+  NpmStartAppLaunchesWithoutJavascriptErrors,
+  NpmStartRendersPage
 };

skeleton/common/config/environment.json

@@ -0,0 +1,4 @@
+{
+  "debug": true,
+  "testing": true
+}

skeleton/common/config/environment.production.json

@@ -0,0 +1,4 @@
+{
+  "debug": false,
+  "testing": false
+}

skeleton/common/tsconfig.json__if_typescript

@@ -32,10 +32,8 @@
     "types": ["node", "jest"],
     // @endif
 
-    // @if feat.webpack && feat['postcss-typical'] && feat.protractor
     "typeRoots": ["./node_modules/@types"],
-    // @endif
-
+
     "removeComments": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
@@ -44,6 +42,7 @@
     "lib": ["es2015", "dom"],
     "moduleResolution": "node",
     "baseUrl": "src",
+    "resolveJsonModule": true,
 
     // @if feat.plugin
     "paths": { "resources": [ "" ] },

skeleton/scaffold-minimum/src/main.ext

@@ -6,7 +6,7 @@ import 'regenerator-runtime/runtime';
 // @if feat.typescript
 import {Aurelia} from 'aurelia-framework'
 // @endif
-import environment from './environment';
+import * as environment from '../config/environment.json';
 // @if feat.webpack
 import {PLATFORM} from 'aurelia-pal';
 // @endif

skeleton/scaffold-navigation/src/main.ext

@@ -7,7 +7,7 @@ import 'bootstrap';
 // @if feat.typescript
 import {Aurelia} from 'aurelia-framework';
 // @endif
-import environment from './environment';
+import * as environment from '../config/environment.json';
 // @if feat.webpack
 import {PLATFORM} from 'aurelia-pal';
 // @endif

skeleton/webpack/README.md

@@ -2,16 +2,14 @@ For more information, go to https://aurelia.io/docs/cli/webpack
 
 ## Run dev app
 
-Run `au run`, then open `http://localhost:/* @if feat.web */8080/* @endif *//* @if feat['dotnet-core'] */5000/* @endif */`
+Run `npm start`, then open `http://localhost:/* @if feat.web */8080/* @endif *//* @if feat['dotnet-core'] */5000/* @endif */`
 
-To open browser automatically, do `au run --open`.
+You can change the standard webpack configurations from CLI easily with something like this: `npm start -- --open --port 8888`. However, it is better to change the respective npm scripts or `webpack.config.js` with these options, as per your need.
 
-To change dev server port, do `au run --port 8888`.
+To enable Webpack Bundle Analyzer, do `npm run analyze` (production build).
 
-To enable Webpack Bundle Analyzer, do `au run --analyze`.
-
-To enable hot module reload, do `au run --hmr`.
+To enable hot module reload, do `npm start -- --env.hmr`.
 
 ## Build for production
 
-Run `au build --env prod`.
+Run `npm run build`.