vue-cli模板文件使用scss的坑

我们知道.vue文件使用sass的方式有如下几种方式

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

<style lang="scss">
  @import './styles/main.scss
</style>

<style src="./styles/main.scss"></style>

其实很简单，只需要在入口js文件中导入scss文件即可。
main.js

require('../static/scss/portal.scss')

不要做如下操作：不要

在文件webpack.base.conf.js, 添加如下代码

 {
   test: /\.scss$/,
    loader: 'style!css!scss',
    include: projectRoot,
    exclude: /node_modules/
  },

这样会一直报错

ERROR in ./src/news.js
Module not found: Error: Cannot resolve module 'scss' in D:\yodean\workspace\meb\src
 @ ./src/main.js 3:0-37

原因是：vue对CSS, SASS/SCSS, Stylus.做了加载配置。查看projectRoot/build/utils.js

XHope