vue.js 使用sass

1.安装依赖

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

如果报错:卸载重新安装,如下命令

node-sass安装失败.png
npm uninstall node-sass
npm install node-sass@latest

再执行

npm install sass-loader css-loader style-loader --save-dev

2.webpack.config.js中配置

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

3.开始sass之旅

scoped:只有当前组件可用

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

4.sass文件引入

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

推荐阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,710评论 7 110
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,231评论 0 21
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,483评论 1 32
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,226评论 7 35
  • 从报名时的信念坚定,到学习过程中的迷茫彷徨,到毕业时的自信淡然,感谢默默老师和阿帆老师一路的教导,感谢同学们的一路...
    紫漠的梦想森林阅读 338评论 1 1