vue+webpack配置scss

1、package中添加依赖

css-loader【作用：使@import和url()实现require()】

style-loader 【作用：使计算后的样式加入页面中】

node-sass

sass-loader

2、webpack配置文件

rules中添加

    {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
            'scss': 'style-loader!css-loader!sass-loader'
          }
        }

      }

3、使用

<style lang="scss"></style>