fix(build): copy css files over to the dist folder

build/paths.js

@@ -7,6 +7,7 @@ module.exports = {
   root: appRoot,
   source: appRoot + '**/*.js',
   html: appRoot + '**/*.html',
+  css: appRoot + '**/*.css',
   style: 'styles/**/*.css',
   output: outputRoot,
   doc:'./doc',

build/tasks/build.js

@@ -30,14 +30,21 @@ gulp.task('build-html', function () {
     .pipe(gulp.dest(paths.output));
 });
 
+// copies changed css files to the output directory
+gulp.task('build-css', function () {
+  return gulp.src(paths.css)
+    .pipe(changed(paths.output, {extension: '.css'}))
+    .pipe(gulp.dest(paths.output));
+});
+
 // this task calls the clean task (located
 // in ./clean.js), then runs the build-system
 // and build-html tasks in parallel
 // https://www.npmjs.com/package/gulp-run-sequence
 gulp.task('build', function(callback) {
   return runSequence(
     'clean',
-    ['build-system', 'build-html'],
+    ['build-system', 'build-html', 'build-css'],
     callback
   );
 });

build/tasks/watch.js

@@ -14,5 +14,6 @@ function reportChange(event){
 gulp.task('watch', ['serve'], function() {
   gulp.watch(paths.source, ['build-system', browserSync.reload]).on('change', reportChange);
   gulp.watch(paths.html, ['build-html', browserSync.reload]).on('change', reportChange);
+  gulp.watch(paths.css, ['build-css', browserSync.reload]).on('change', reportChange);
   gulp.watch(paths.style, browserSync.reload).on('change', reportChange);
 });

config.js

@@ -24,7 +24,6 @@ System.config({
     "aurelia-framework": "github:aurelia/framework@0.16.0",
     "aurelia-history": "github:aurelia/history@0.7.0",
     "aurelia-history-browser": "github:aurelia/history-browser@0.8.0",
-    "aurelia-html-import-template-loader": "github:aurelia/html-import-template-loader@0.2.0",
     "aurelia-loader": "github:aurelia/loader@0.9.0",
     "aurelia-loader-default": "github:aurelia/loader-default@0.10.0",
     "aurelia-logging": "github:aurelia/logging@0.7.0",
@@ -98,10 +97,6 @@ System.config({
       "aurelia-history": "github:aurelia/history@0.7.0",
       "core-js": "npm:core-js@0.9.18"
     },
-    "github:aurelia/html-import-template-loader@0.2.0": {
-      "aurelia-loader": "github:aurelia/loader@0.9.0",
-      "webcomponentsjs": "github:webcomponents/webcomponentsjs@0.7.12"
-    },
     "github:aurelia/loader-default@0.10.0": {
       "aurelia-loader": "github:aurelia/loader@0.9.0",
       "aurelia-metadata": "github:aurelia/metadata@0.8.0"

package.json

@@ -76,7 +76,6 @@
       "aurelia-templating-binding": "github:aurelia/templating-binding@^0.15.0",
       "aurelia-templating-resources": "github:aurelia/templating-resources@^0.15.0",
       "aurelia-templating-router": "github:aurelia/templating-router@^0.16.0",
-      "aurelia/html-import-template-loader": "github:aurelia/html-import-template-loader@^0.2.0",
       "bootstrap": "github:twbs/bootstrap@^3.3.4",
       "core-js": "npm:core-js@^0.9.4",
       "fetch": "github:github/fetch@^0.9.0",
@@ -91,9 +90,6 @@
     "overrides": {
       "npm:core-js@0.9.18": {
         "main": "client/shim.min"
-      },
-      "github:aurelia/html-import-template-loader@0.2.0": {
-        "main": "aurelia-html-import-template-loader"
       }
     }
   }

src/main.js

@@ -9,7 +9,7 @@ export function configure(aurelia) {
   //aurelia.use.plugin('aurelia-animator-css');
 
   //Anyone wanting to use HTMLImports to load views, will need to install the following plugin.
-  aurelia.use.plugin('aurelia-html-import-template-loader')
+  //aurelia.use.plugin('aurelia-html-import-template-loader')
 
   aurelia.start().then(a => a.setRoot());
 }