javascript - vue-cli怎么配置scss？？

Question

vue-cli怎么配置scss？网上的教程全是叫直接安装ruby的，晕。。我想配合vue-cli webpack用，该下载哪些依赖？webpack怎么配置？css/scss文件怎么引入？？谢谢解答，搜了半天网上实在是找不到答案了

Answer 1

npm install node-sass --save-dev
npm install sass-loader --save-dev
vue-cli生成的项目，已经默认加入了处理sass的loader
只需要这样即可

<style lang="scss" scope>

</style>

Answer 2

第一步，

npm install node-sass --save-dev
npm install sass-loader --save-dev

第二部，打开webpack.base.config.js在loaders里面加上

    {
      test: /\.scss$/,
      loaders: ["style", "css", "sass"]
    }
    

第三部，在需要用到scss的地方写上

<style lang="scss" scoped>

</style>

Answer 3

安装node-sass、sass-loader就可以了，引用的话使用import或者require直接导入