fix(build): don't override generated css files

passy · passy · commit dd6a0cb1df29 · 2013-06-20T18:23:03.000+02:00
Fixed #231 CSS was previously generated through compass and moved into a `main.css` file, but later overwritten by `concat` task generated by `usemin`. This removes the usemin block around the CSS link and adopts the same schema used in `generator-webapp`.
diff --git a/app/index.js b/app/index.js
@@ -139,16 +139,14 @@ Generator.prototype.askForModules = function askForModules() {
 // Waiting a more flexible solution for #138
 Generator.prototype.bootstrapFiles = function bootstrapFiles() {
   if (this.compassBootstrap) {
-    this.copy('styles/bootstrap.scss', path.join(this.appPath, 'styles/style.scss'));
-    this.indexFile = this.appendStyles(this.indexFile, 'styles/main.css', ['styles/style.css']);
+    this.copy('styles/bootstrap.scss', path.join(this.appPath, 'styles/main.scss'));
   } else if (this.bootstrap) {
     this.log.writeln('Writing compiled Bootstrap');
     var cssFiles = ['styles/bootstrap.css', 'styles/main.css'];
 
     cssFiles.forEach(function (css) {
       this.copy(css, path.join(this.appPath, css));
     }.bind(this));
-    this.indexFile = this.appendStyles(this.indexFile, 'styles/main.css', cssFiles);
   }
 };
 
diff --git a/templates/common/index.html b/templates/common/index.html
@@ -10,6 +10,7 @@
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width">
     <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+    <link rel="stylesheet" href="styles/main.css">
   </head>
   <body ng-app="<%= _.camelize(appname) %>App">
     <!--[if lt IE 7]>
