use vue-style-loader instead of style-loader

Author: yyx990803

docs/start/tutorial.md

@@ -30,7 +30,7 @@ npm init
 # Install everything we need
 npm install\
   webpack webpack-dev-server\
-  vue-loader vue-html-loader css-loader style-loader vue-hot-reload-api\
+  vue-loader vue-html-loader css-loader vue-style-loader vue-hot-reload-api\
   babel-loader babel-core babel-plugin-transform-runtime babel-preset-es2015\
   babel-runtime@5\
   --save-dev
@@ -52,9 +52,9 @@ After proper installation, your `package.json`'s `devDependencies` field should
     "babel-preset-es2015": "^6.3.13",
     "babel-runtime": "^5.8.34",
     "css-loader": "^0.23.0",
-    "style-loader": "^0.13.0",
     "vue-hot-reload-api": "^1.2.2",
     "vue-html-loader": "^1.0.0",
+    "vue-style-loader": "^1.0.0",
     "vue-loader": "^7.2.0",
     "webpack": "^1.12.9",
     "webpack-dev-server": "^1.14.0"

lib/loader.js

@@ -13,7 +13,7 @@ var defaultLang = {
 
 var defaultLoaders = {
   html: 'vue-html-loader',
-  css: 'style-loader!css-loader',
+  css: 'vue-style-loader!css-loader',
   js: 'babel-loader?presets[]=es2015&plugins[]=transform-runtime'
 }
 
@@ -40,7 +40,7 @@ module.exports = function (content) {
 
   // enable css source map if needed
   if (this.sourceMap) {
-    defaultLoaders.css = 'style-loader!css-loader?sourceMap'
+    defaultLoaders.css = 'vue-style-loader!css-loader?sourceMap'
   }
 
   // check if there are custom loaders specified via

package.json

@@ -44,7 +44,7 @@
   "peerDependencies": {
     "vue-html-loader": "^1.0.0",
     "css-loader": "*",
-    "style-loader": "*",
+    "vue-style-loader": "^1.0.0",
     "babel-loader": "^6.1.0",
     "babel-core": "^6.1.2",
     "babel-plugin-transform-runtime": "^6.1.2",
@@ -71,7 +71,7 @@
     "mocha": "^2.2.5",
     "node-libs-browser": "^0.5.3",
     "rimraf": "^2.4.0",
-    "style-loader": "^0.13.0",
+    "vue-style-loader": "^1.0.0",
     "stylus-loader": "^1.4.0",
     "template-html-loader": "^0.0.3",
     "vue-hot-reload-api": "^1.2.0",