首页 > 编程语言 > 详细

给 vue 项目添加 css 预处理语言 sass

时间:2020-03-30 12:58:29      阅读:90      评论:0      收藏:0      [点我收藏+]

第一步:

  安装sass的依赖包

  在命令行工具输入: npm install --save-dev sass-loader

 

第二步:

  安装node-sass  因为sass-loader依赖于node-sass,所以要安装node-sass

  在命令行工具输入:npm install --save-dev node-sass

第三步:

  配置

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

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

  
  { //这个一般情况下不用加,视实际情况而定
      test:/\.css$/,
      loader:‘css-loader‘
   },


具体看下图
技术分享图片

 

 第四步:

  使用

  在需要的页面上使用

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


教程到这里就结束了,scss的使用教程下次有空再写。
 
 

给 vue 项目添加 css 预处理语言 sass

原文:https://www.cnblogs.com/hermit-gyqy/p/12597670.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!