Merge pull request #11 from Hanks10100/scoped

Support to generate scopeId of css classes.

Author: Hanks10100

lib/loader.js

@@ -209,7 +209,9 @@ module.exports = function (content) {
   }
 
   var parts = parse(content, fileName, this.sourceMap)
-  // var hasScoped = parts.styles.some(function (s) { return s.scoped })
+  // var hasGlobal = parts.styles.some(function (s) { return !!s.global })
+  // var scopeId = hasGlobal ? '@GLOBAL' : ('data-v-' + genId(filePath))
+  var scopeId = 'data-v-' + genId(filePath)
   var output = 'var __vue_exports__, __vue_options__\n'
 
   // css modules
@@ -304,9 +306,9 @@ module.exports = function (content) {
   }
 
   // attach scoped id
-  // if (hasScoped) {
-  //   exports += '__vue_options__._scopeId = "' + moduleId + '"\n'
-  // }
+  if (parts.styles.length) {
+    exports += '__vue_options__._scopeId = "' + scopeId + '"\n'
+  }
 
   // if (Object.keys(cssModules).length) {
   //   // inject style modules as computed properties
@@ -320,11 +322,16 @@ module.exports = function (content) {
 
   exports += '__vue_options__.style = __vue_options__.style || {}\n' +
   '__vue_styles__.forEach(function (module) {\n' +
-    'for (var name in module) {\n' +
-      '__vue_options__.style[name] = module[name]\n' +
-    '}\n' +
+  '  for (var name in module) {\n' +
+  '    __vue_options__.style[name] = module[name]\n' +
+  '  }\n' +
   '})\n'
 
+  // support to register static styles
+  exports += 'if (typeof __register_static_styles__ === "function") {\n' +
+  '  __register_static_styles__(__vue_options__._scopeId, __vue_styles__)\n' +
+  '}\n'
+
   if (!query.inject) {
     output += exports
     // hot reload

lib/parser.js

@@ -1,3 +1,4 @@
+// TODO: use weex-tempalte-compiler
 var compiler = require('vue-template-compiler')
 var cache = require('lru-cache')(100)
 var hash = require('hash-sum')
@@ -12,6 +13,7 @@ module.exports = function (content, filename, needMap) {
   var filenameWithHash = filename + '?' + cacheKey
   var output = cache.get(cacheKey)
   if (output) return output
+  // TODO: support to use "global" in <style>
   output = compiler.parseComponent(content, { pad: true })
   if (needMap) {
     if (output.script && !output.script.src) {