webpack的單vue組件(.vue)加載sass配置

　　在通過vue-cli安裝了webpack-simple 后，就自動安裝好vue-loader了，但此時若寫了含有sass的.vue組件，運行npm run dev時會報錯。此時，需要我們在webpack.config.js里對vue-loader進行更詳細的配置，官網給出來了，當然我們只需一個scss即可，另一個sass不用管。

{
  test: /\.vue$/,
  loader: 'vue-loader',
  options: {
    loaders: {
      scss: 'vue-style-loader!css-loader!sass-loader' // <style lang="scss">
      sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax' // <style lang="sass">
    }
  }
}

　　然后需要安裝scss: 'vue-style-loader!css-loader!sass-loader' 里的各種loader，我們通過npm install --save -dev css-loader style-loader sass-loader vue-style-loader（似乎多寫了一個，無所謂了）進行安裝。運行npm run dev，可能還會報錯，提示缺少依賴的node-sass，那我們接着npm install --save -dev node-sass即可。此時大功告成。