在Vue中使用scss

使用 <style lang='scss'>

解决方案

npm install -D sass-loader node-sass

然后在webpack config中添加

module.exports = {
  module: {
    rules: [
      // ... other rules omitted
```
  // this will apply to both plain `.scss` files
  // AND `<style lang="scss">` blocks in `.vue` files
  {
    test: /\.scss$/,
    use: [
      'vue-style-loader',
      'css-loader',
      'sass-loader'
    ]
  }
]
```
  },
  // plugin omitted
}

现在就可以导入scss文件了。

import 'style.scss'

或者

<style lang="scss">
/* write SCSS here */
</style>