如何在vue-cli中添加sass支持

如何在 vue-cli 中添加 sass 支持

在webpack中,所有的预处理器都要匹配相应的 loader,vue-loader允许其他的webpack-loader处理组件中的一部分代码,然后它根据lang属性自动判断出要使用的loaders.所以,其实只要安装处理sass/scss的loader.就能在vue中使用scss了.

安装

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

使用

<style scoped lang="sass"?
    xxx
    xxx
</style>

现在，开始适应sass书写样式吧。