关于vue中sass和less依赖的下载

于 2023-09-29 00:12:50 发布
阅读量1k 收藏
点赞数
文章标签： vue.js scss 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48058910/article/details/133396471
版权

一.sass依赖

sass需要俩个依赖，如果是默认npm i node-sass -D 和npm i sass-loader -D的命令去下载则会默认下载最新的版本。这样基本都会出现版本不一致的问题而报错，所以下载的时候要指定对应版本

// 卸载命令
npm uninstall sass-loader

npm uninstall node-sass -D

// 安装
npm i node-sass@4.14.1 --save-dev

npm i sass-loader@10.1.0 --save-dev

这里有具体对应的版本号

二.less依赖

less同理下载依赖的时候也必须指定具体依赖版本

//下载命令

npm install -D less less-loader@7.3.0

最后下载成功后可以在package.json的devDependencies中查看对应的版本了


 

weixin_48058910
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
2022-10-20 解决vue项目中不能使用scss的问题:sass-loader的安装
GAARA
10-20 2861
解决方法是:不要安装node-sass，安装sass就可以了 命令: npm uninstall sass-loader node-sass npm install sass-loader@8.0.2 sass@1.26.5 --save-dev
vue使用Sass时报错问题的解决方法
10-14
在Vue项目中，Sass是一种常用的预处理器，它允许开发者使用更高级的语法来编写CSS。然而，在实际开发过程中，可能会遇到Vue使用Sass时的报错问题。本篇文章将详细解析这类问题的原因并提供相应的解决策略。 首先，...
关于vue中下载sass报错解决办法
qq_41429765的博客
02-28 220
有两种解决方法： 1.npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass 2.改变自己的node的版本
vue 3.x - 安装scss/sass
weixin_40721081的博客
07-20 690
vue 3.x - 安装scss/sass 1.首先执行以下命令安装 style-resources-loader; vue add style-resources-loader 2.然后安装scss/sass,node-sass sass-loader sass 属于重要依赖，所以需-D而不是-S； npm install node-sass sass-loader sass -D 3.根路径下建立文件vue.config.js const path = require('path'); module
node16.14 对应node-sass sass-loader 版本
YOUHUNANMA的博客
05-25 4014
1.删除当前依赖包 npm uninstallnode-sasssass-loader 2.下载对应版本 npm inode-sass@6.0.1sass-loader@7.0.3.
在Vue2中引入less
weixin_68854196的博客
08-07 2851
在Vue2中引入less
在vue cli3.0 里面下载less，下载成功了还是提示没有 需要下载
肥晨开发的学习之路
12-03 2276
今天正好新建了一个项目，在用less的时候就各种花样报错提示我： Failed to resolve loader: less-loaderYou may need to install it.Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\hiberfil.sys'Error f...
解决vue中使用less/sass及使用中遇到无效的问题
01-18
在vue官方脚手架中，即vue-lci搭建的项目中，可以轻易的使用less/sass。 先使用npm下载依赖，命令行为’npm install less less-loader –save’,再在webpack.base.conf.js中添加rules对象： { test: /\.less$/, ...
Vue2.0设置全局样式(less/sass和css)
08-28
在本文中，我们将详细介绍如何在Vue2.0中设置全局样式，包括使用less/sass和css。下面是相关的知识点： 一、在Vue2.0中设置全局样式的步骤 在Vue2.0中设置全局样式需要四个步骤： 1. 在src目录下的main.js文件中...
vue3.0h5模版下载
最新发布
06-05
在使用这个模板时，你可能需要了解Vue CLI（命令行工具）来初始化和管理项目，Vue Router进行路由配置，Vuex来管理应用状态，以及可能的CSS预处理器（如Sass或Less）和Webpack配置。同时，理解Vue组件化开发的理念，...
前端开源库-fast-sass-loader-china
08-30
前端开源库-fast-sass-loader-chinaFast Sass Loader China，用于Webpack的Fast Sass Loader
前端选型（VUE+Webpack+Less）
07-17
前端选型文档主要针对之前的开发模式JQ+css+SVN 跟VUE+webpack+less+git的一个对比
在vue 中使用 less的教程详解
10-17
主要介绍了在vue 中使用 less 的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
sass 的下载、安装、初次使用、入门
cycycy2017的博客
03-02 9676
1.Sass的安装Sass是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样可以正常使用Sass。只是必须先安装Ruby，然后再安装Sass。首先安装Ruby，如果你使用的是IOS系统，那么你的系统已经安装好了Ruby。如果你使用的是微软的Windows系统，那么安装就有些许的麻烦。不过也不用过于担心，按照下面的步骤就能帮你快速的安装好。 sass 安装步骤 1.到RubyInsta
sass
smile54533的博客
06-04 359
学习目标 1 安装好ruby环境 sass是基于ruby开发 gem 2 学会安装sass gem install compass 3 学会使用sass编译成css 4 学会使用sass的一些简单语法 5 学会使用sass编译十二栅格 1/安装ruby mac下面不需要安装ruby window下面安装ruby 需要下载 ru...
下载scss的俩行命令
jwdnf的博客
06-05 2875
npm install sass-loader --save-dev npm install node-sass --save-dev
vue.js如何安装less
热门推荐
zhumengzj的博客
06-01 1万+
前提：vue安装成功 1.安装less和less-loader  : 命令：npm install less less-loader --save 2.配置less: 路径：build---webpack.base.conf.js添加 { test: /\.less$/, loader: 'style-loader!css-loader!less-loader' } 3.w
Vue -- 在Vue中使用scss
bobobocai的博客
07-31 3367
1、安装scss相关 npm install sass-loader node-sass vue-style-loader --save-dev 2、打开build文件夹下面的webpack.base.config.js 在module对象，rules数组里面添加一个识别scss的配置 3、在需要用到sass的地方添加lang=‘scss’ ...
vue-使用sass扩展语言
harmsworth的博客
06-09 1318
使用SASS 环境 npm安装sass sass和scss的区别 配置别名 引入全局样式 效果 参考 使用SASS SASS是Statements on Auditing Standards的缩写，意思是审计准则说明书，扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性， 生成良好格式化的 CSS 代码，易于组织和维护。 环境 vue2.5 vue-ro...
vue 安装less
07-27
回答: 要在Vue项目中使用less，需要进行以下步骤: 1. 首先，确保你已经在项目中安装了less依赖。你可以通过在终端中运行`npm install less --save`来安装less。 2. 然后，在你的main.js文件中引入less。你可以使用`import less from 'less'`来引入less模块，并使用`Vue.use(less)`来注册less插件。 3. 接下来，在你的组件中，你可以使用`<style lang="less" scoped>`标签来编写less样式。确保在style标签中添加`lang="less"`属性。 请注意，如果你使用的是vue-cli2创建的项目，并且直接在style标签中添加`lang="less"`属性，可能会导致报错。这是因为vue-cli2默认使用的是sass-loader来处理样式，而不是less-loader。如果你想在vue-cli2项目中使用less，你需要手动安装less-loader，并在webpack配置中进行相应的配置。 希望这些信息对你有帮助！\[1\]\[2\] #### 引用[.reference_title] - *1* [vue中less的安装、引用和使用(学习篇)](https://blog.csdn.net/skyblue_afan/article/details/119992753)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vue 安装使用 less](https://blog.csdn.net/u012551928/article/details/97398500)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值