详解vue-cli中配置sass

如何配置sass

一、安装对应依赖node模块：

npm install node-sass --save-dev

npm install sass-loader --save-dev 

二、打开webpack.base.config.js在loaders里面加上

rules: [
   {
    test: /\.vue$/,
    loader: 'vue-loader',
    options: vueLoaderConfig
   },
   {
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test')]
   },
   {
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    query: {
     limit: 10000,
     name: utils.assetsPath('img/[name].[hash:7].[ext]')
    }
   },
   {
    test: /\.scss$/,
    loaders: ["style", "css", "sass"]
   },
   {
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'url-loader',
    query: {
     limit: 10000,
     name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
    }
   }
  ]
 }

三、在用scss的地方写上

<style lang="scss" scoped="" type="text/css"></style> 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # cli  # 配置sass  # sass  # vuecli  # Vue2.0设置全局样式(less/sass和css)  # vue2项目使用sass的示例代码  # 详解如何在vue中使用sass  # vue2中使用sass并配置全局的sass样式变量的方法  # 写上  # 大家多多  # test  # rules  # js  # loaders  # config  # resolve  # src  # png  # include  # options  # vueLoaderConfig  # babel  # base  # pre  # class  # brush 

相关文章： 高性价比服务器租赁——企业级配置与24小时运维服务  如何选择高效稳定的ISP建站解决方案？  制作表格网站有哪些,线上表格怎么弄？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  山东云建站价格为何差异显著？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  如何获取免费开源的自助建站系统源码？  如何用PHP快速搭建高效网站？分步指南  实例解析angularjs的filter过滤器  建站之星Pro快速搭建教程：模板选择与功能配置指南  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  如何通过商城免费建站系统源码自定义网站主题？  建站之星安装失败：服务器环境不兼容？  建站主机选择指南：服务器配置与SEO优化实战技巧  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  如何续费美橙建站之星域名及服务？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  内网网站制作软件,内网的网站如何发布到外网？  建站之星如何一键生成手机站？  宁波免费建站如何选择可靠模板与平台？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  招商网站制作流程,网站招商广告语？  自助网站制作软件,个人如何自助建网站？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  高防服务器租用首荐平台，企业级优惠套餐快速部署  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  智能起名网站制作软件有哪些,制作logo的软件？  动图在线制作网站有哪些,滑动动图图集怎么做？  常州自助建站费用包含哪些项目？  如何在云主机上快速搭建多站点网站？  Python如何创建带属性的XML节点  全景视频制作网站有哪些,全景图怎么做成网页？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  制作旅游网站html,怎样注册旅游网站？  黑客入侵网站服务器的常见手法有哪些？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  宝塔面板如何快速创建新站点？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  建站主机选购指南与交易推荐：核心配置解析