vue 引入sass配置
vue 2018-04-26 09:12:11

一、安装sass的依赖包

PHP Code复制内容到剪贴板
  1. npm install --save-dev sass-loader  
  2. //sass-loader依赖于node-sass  
  3. npm install --save-dev node-sass  

 

npm如何报错，试一下yarn

C/C++ Code复制内容到剪贴板
  1. yarn add sass sass-loader -D  

 

 

二、在build文件夹下的webpack.base.conf.js的rules里面添加配置

JavaScript Code复制内容到剪贴板
  1. {  
  2.   test: /\.sass$/,  
  3.   loaders: ['style', 'css', 'sass']  
  4. }  

WX20180426-091423@2x.png

 

使用：

JavaScript Code复制内容到剪贴板
  1. <style rel="stylesheet/scss" lang="scss" scoped>  
  2. .navbar {  
  3.   height: 50px;  
  4.   line-height: 50px;  
  5.   border-radius: 0px !important;  
  6.   .hamburger-container {  
  7.     line-height: 58px;  
  8.     height: 50px;  
  9.     float: left;  
  10.     padding: 0 10px;  
  11.   }  
  12. }  
  13. </style>  

 

 

 

 

 

 

 

 

 

本文来自于：http://www.yoyo88.cn/study/vue/296.html

上一篇 vue 国际化语言包
下一篇 进度条
相关的文章
Powered by yoyo苏ICP备15045725号