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便可。此時大功告成。