add sass support fixed #23

Author: Plortinus

meta.js

@@ -18,6 +18,10 @@ module.exports = {
     'less': {
       'type': 'confirm',
       'message': 'Use Less to write css ?'
+    },
+    'sass': {
+      'type': 'confirm',
+      'message': 'Use Sass to write css ?'
     }
   },
   'completeMessage': 'To get started:\n\n  {{^inPlace}}cd {{destDirName}}\n  {{/inPlace}}npm install\n  npm run dev\n\nDocumentation can be found at https://github.com/Plortinus/vue-multiple-pages'

template/package.json

@@ -34,6 +34,10 @@
     "less": "^2.7.2",
     "less-loader": "^4.0.3",
     {{/less}}
+    {{#sass}}
+    "node-sass": "^4.5.3",
+    "postcss-loader": "^1.3.3",
+    {{/sass}}
     "postcss-loader": "^1.3.3",
     "style-loader": "^0.16.1",
     "url-loader": "^0.5.8",

template/webpack.config.js

@@ -16,6 +16,12 @@ const extractLESS = new ExtractTextPlugin({
   allChunks: true
 })
 {{/less}}
+{{#sass}}
+const extractSASS = new ExtractTextPlugin({
+  filename: 'assets/css/[name].css',
+  allChunks: true
+})
+{{/sass}}
 
 const entries = {}
 const chunks = []
@@ -57,6 +63,12 @@ const config = {
               fallback: 'style-loader'
             })),
             {{/less}}
+            {{#sass}}
+            scss: ['css-hot-loader'].concat(ExtractTextPlugin.extract({
+              use: ['css-loader', 'postcss-loader', 'sass-loader'],
+              fallback: 'style-loader'
+            })),
+            {{/sass}}
             postcss: ['css-hot-loader'].concat(ExtractTextPlugin.extract({
               use: ['css-loader', 'postcss-loader'],
               fallback: 'style-loader'
@@ -85,6 +97,15 @@ const config = {
         }))
       },
       {{/less}}
+      {{#sass}}
+      {
+        test: /\.scss$/,
+        use: ['css-hot-loader'].concat(ExtractTextPlugin.extract({
+          use: ['css-loader', 'postcss-loader', 'sass-loader'],
+          fallback: 'style-loader'
+        }))
+      },
+      {{/sass}}
       {
         test: /\.html$/,
         use: [{
@@ -118,6 +139,9 @@ const config = {
     {{#less}}
     extractLESS,
     {{/less}}
+    {{#sass}}
+    extractSASS,
+    {{/sass}}
     extractCSS
   ],
   devServer: {