add support for css modules

Walker Leite · Walker Leite · commit ee4f31bf79d5 · 2017-10-26T19:04:09.000-02:00
diff --git a/template/client/index.html b/template/client/index.html
@@ -7,5 +7,6 @@
   <body>
     <div id="app"></div>
     <script src="bundle.js"></script>
+    <link rel="stylesheet" href="bundle.css">
   </body>
 </html>
diff --git a/template/gulp-tasks/build.js b/template/gulp-tasks/build.js
@@ -5,6 +5,7 @@ import path from 'path';
 import browserify from 'browserify';
 import vueify from 'vueify';
 import babelify from 'babelify';
+import modulesify from 'css-modulesify';
 import source from 'vinyl-source-stream';
 import buffer from 'vinyl-buffer';
 import {dirs} from './config.js';
@@ -27,6 +28,14 @@ gulp.task('build:client', ['copy:client'], () => {
     transform: [babelify, vueify],
   });
 
+  b.plugin(modulesify, {
+    output: path.resolve(
+      dirs.buildClient,
+      'bundle.css',
+    ),
+    global: true
+  });
+
   return b.bundle()
   .pipe(source('bundle.js'))
   .pipe(buffer())
diff --git a/template/gulp-tasks/copy.js b/template/gulp-tasks/copy.js
@@ -3,6 +3,6 @@ import path from 'path';
 import {dirs} from './config.js';
 
 gulp.task('copy:client', function() {
-  return gulp.src(dirs.srcClient + '/**/*.!(vue|js)')
-  .pipe(gulp.dest(path.resolve(dirs.build)));
+  return gulp.src(dirs.srcClient + '/**/!(*.vue|*.js)')
+  .pipe(gulp.dest(path.resolve(dirs.buildClient)));
 });
diff --git a/template/package.json b/template/package.json
@@ -29,6 +29,7 @@
     "babel-preset-es2015": "^6.24.1",
     "babelify": "^7.3.0",
     "browserify": "^14.4.0",
+    "css-modulesify": "^0.28.0",
     "chai": "^4.1.0",
     "chai-http": "^3.0.0",
     "eslint": "^3.17.1",
