vue2.0 sass安装_木子Lee的博客的博客-程序员宝宝_vue2 安装sass

技术标签: 前端  vue.js  sass  

首先安装sass,注意sass-loader要指定低版本,否则高版本运行会报错。
​​​​​​​cnpm install node-sass --save-dev //安装node-sass 
cnpm install [email protected] --save-dev //安装低版本的sass-loader 
cnpm install style-loader --save-dev //安装style-loader 有些人安装的是 vue-style-loader 其实是一样的!

安装好后,会自动在build文件夹下的webpack.base.conf.js的rules里面添加了如下配置

{

test: /\.scss$/,

loaders: ['style', 'css', 'sass']

}

现在新版本的vue-cli已经帮我们把sass-loader配置好了,放在util.js里面了。所以现在不需要这样配置。如果这样配置会报错,因为配置重复了。

只需将此配置删除即可

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42594068/article/details/122846031

智能推荐

Python所有的库_It Bean的博客-程序员宝宝_python的库

文章目录前言库名称简介:一、文件处理1.库名称简介Mimetypes,Python标准库,映射文件名到MIME类型。二、图像处理1.库名称简介PIL(Python Image Library),基于Python的图像处理库,功能强大,对图形文件的格式支持广泛,内置许多图像处理函数,如图像增强、滤波[算法]等Pillow,图像处理库,PIL图像库的分支和升级替代产品。Matplotlib,著名的绘图库,提供了整套和matlab相似的命令API,用以绘制一些高质量的数学二维图形,十分适合交互式地进行制图。bre

SpringDataJPA-3_ginger_mr的博客-程序员宝宝

文章目录Specifications动态查询1.使用Specifications完成条件查询2.方法对应关系多表设计1.表之间关系的划分2.在JPA框架中表关系的分析步骤JPA中的一对多1.示例分析2.表关系建立3.实体类关系建立以及映射配置4.映射的注解说明5.一对多的操作JPA中的多对多1.示例分析2.表关系建立3.实体类关系建立以及映射配置4.映射的注解说明5.多对多的操作Spring Data JPA中的多表查询1.对象导航查询Specifications动态查询有时我们在查询某个实体的时候,给

USB JTAG adapter_xianfengdesign的博客-程序员宝宝

 http://www.ixo.de/info/usb_jtag/http://www.edaboard.com/ftopic114946-0-asc-0.htmlProject Background The goal of the project was to build a budget USB JTAG adapter. Basically it should allow dir

[RK3568 Android11] 开发之系统动态隐藏导航栏(三)_~未来可期~的博客-程序员宝宝

目录前言一、系统创建导航栏广播接口二、验证导航栏广播接口功能1、使用am命令测试广播接口2、APP调用代码和实际效果前言 前面两篇已讲在 设置->显示 里添加按钮控制导航栏的显示和隐藏;这篇讲怎么给出接口让APP应用调用导航栏的显示和隐藏,此篇是基于前面两篇的基础上修改的([RK3568 Android11] 开发之系统动态隐藏导航栏(二)),采用发送广播的形式去控制;一、系统创建导航栏广播接口1、定义导航栏显示和隐藏的广播public stat...

《Linux/UNIX系统编程手册》 英文版读书笔记 Alternative I/O Models63.4_kingeasternsun的博客-程序员宝宝

63.4.4 A Closer Look at epoll SemanticsWhen we create an epoll instance using epoll_create(), the kernel creates a new in-memory i-node and open file description, and allocates a new file descriptor in

手写demo了解vue响应式原理,订阅模式,观察者模式_想搞全栈的前端的博客-程序员宝宝

Vue2.X响应式原理一.defineProperty 的应用在Vue2.X响应式中使用到了 defineProperty 进行数据劫持,所以我们对它必须有一定的了解,那么我们先来了解它的使用方法把, 这里我们来使用 defineProperty来模拟Vue 中的data<body> <div id="app"></div> <script> // 模拟 Vue的data let data = {

随便推点

STL 之 iterator traits 备忘_xuqing-ICT的博客-程序员宝宝

//5种迭代器,为了激活重载机制,定义的5个类型。每种迭代器就是一个类型。struct input_iterator_tag{};struct output_iterator_tag{};struct forward_iterator_tag : public input_iterator_tag{};struct bidirectional_iterator_tag:public fo

adb 命令_prog_dong的博客-程序员宝宝

Android 调试桥(adb)是多种用途的工具,该工具可以帮助你你管理设备或模拟器 的状态。 可以通过下列几种方法加入adb:1. 在设备上运行shell命令2.通过端口转发来管理模拟器或设备3.从模拟器或设备上拷贝来或拷贝走文件 下面对adb进行了介绍并描述了常见的使用.查询模拟器/设备实例概要Android 调试系统是一个面对客户服务系统,包括

初识kotlin,实现一个简单的列表__implements的博客-程序员宝宝

开场小絮叨:kotlin被谷歌正式作为Android的一级开发语言已经好几个月了,一直想学习一下,一直没有时间(好吧,我承认是我懒)。最近买了本书啃,也算下定决心学习这门语言。学习新知识,首先你要知道它是什么它的历史和它的用途。它是针对Java平台的一种编程语言,在这我强调一下,kotlin并不是一门新的语言,它其实在11年就已经推出来了,只不过是在被谷歌认证为Android开发官方语言之

计算机网络基础——NWU_LK_NWU_LK的博客-程序员宝宝

一.计算机网络的概述计算机网络基本概念互连的,自治的计算机集合计算机网络主要功能数据通信资源共享分布式处理提高可靠性负载均衡计算机网络组成按照功能可以分为:通信子网、资源子网计算机网络分类按照分布范围:广域网(WAN)、城域网(MAN)、局域网(LAN)、个人区域网(PAN)按使用者分:公用网(移动、电信)、专用网(军用网等)按交换技术分:电路交换、报文交换、分组交换按拓扑结构分:总线型、星型、环形、网状型按传播技术分:广播式网络、点对点网络...

LeetCode---24. 两两交换链表中的节点_ZhiZDK的博客-程序员宝宝

题目:24. 两两交换链表中的节点给定一个链表,两两交换其中相邻的节点,并返回交换后的链表。你不能只是单纯的改变节点内部的值,而是需要实际的进行节点交换。/** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode() {} * ListNode(int val) { this.val = val; } *

报错:Zabbix数据库版本与当前需求不匹配_可乐卷儿的博客-程序员宝宝

报错:The Zabbix database version does not match current requirements. Your database version: 5000000. Required version: 4000000. Please contact your system administrator.问题原因:当前数据库版本与所需数据库版本不一致;解决方法:登录数据库,修改数据库版本的mandatory值至4000000MariaDB [(none)]> u