码迷,mamicode.com
首页 > Web开发 > 详细

构建前端第3篇之---使用scss

时间:2021-01-20 12:18:37      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:oba   识别   styles   无法   enc   ade   vue   depend   load   

主要解决俩个问题:

  1. 在单个vue文件中 <style rel="stylesheet/scss" lang="scss"> 不能解析
  2. 如何在全局引入scss
  • 问题1,不能解析的问题

如果是新建的vue工程在

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

中式的scss是无法识别的

在根目录下package.json中的devDependencies中加入"node-sass": "^4.7.2","sass-loader": "7.0.3"

"devDependencies": {
    .
    .
    .    
    "node-sass": "^4.7.2",
    "sass-loader": "7.0.3"
 },

在npm install就能识别出某个vue文件中<style标签中的scss

  • 问题2,全局引入scss

在 main.js中引入

import ‘@/styles/index.scss‘ // global css

 

构建前端第3篇之---使用scss

标签:oba   识别   styles   无法   enc   ade   vue   depend   load   

原文地址:https://www.cnblogs.com/zytcomeon/p/14301431.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!