vue中scss文件

1、scss文件

（使用save会在package.json中自动添加）

  ①安装

npm install node-sass --save-dev

npm install sass-loader --save-dev

②在配置文件中，加入相关依赖（vue 2.0）

rules: [

      {

        test: /\.vue$/,

        loader: 'vue-loader',

        options: vueLoaderConfig

      },

      {

        test: /\.js$/,

        loader: 'babel-loader',

        include: [resolve('src'), resolve('test')]

      },

      {

        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,

        loader: 'url-loader',

        query: {

          limit: 10000,

          name: utils.assetsPath('img/[name].[hash:7].[ext]')

        }

      },

      {

        test: /\.scss$/,

        loaders: ["style", "css", "sass"]

      },

      {

        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,

        loader: 'url-loader',

        query: {

          limit: 10000,

          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')

        }

      }

    ]

  }

③在使用scss文件的地方处，需要在vue文件style标签使用scss的话声明：<style rel="stylesheet/scss" lang="scss">