如何在vue中使用 sass / scss

首先你得有vue的项目,这里我们使用vue官方cli

$ npm install --global vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install

然后就可以把scss装上去啦

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

必须两个包都要装噢

使用

找到 .vue 文件,然后修改 style 标签 lang

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

完成以上操作就能在 vue 中愉快的使用 scss 啦!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。