VueJS如何引入css或者less文件的一些坑

发布时间 - 2026-01-11 00:49:48    点击率:

我们在做Vue+webpack的时,难免会引入各种公共css样式文件,那么我们改如何引入呢?引入时会有那些坑呢?

首先,引入公共样式时,我们在“main.js”里使用AMD的方式引入,即

require('./assets/css/main.less');

这时,我们会抛出一个错误,是因为我们没有写解析的依赖,webpack不知道怎么解析

  

这时,我们要填写上依赖,

require('!style!css!less!./assets/css/main.less');

在很多以前的博客里都是以上写法,这个是Vue 2.0刚开始的,现在使用会报错;下面是正确写法  

require('!style-loader!css-loader!less-loader!./assets/css/main.less');

在以前配置到这里,就万事大吉了,也可以开始引入css文件了,然后现在到这里还会报错

  

当出现以上错误时,说明你的项目里缺少依赖;  

npm install style-loader --save

这时你就可以引入css文件了;

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


# vue引入less文件  # vue如何引入less文件  # vue  # 引入css文件  # 使用nodeJs来安装less及编译less文件为css文件的方法  # js中less常用的方法小结  # Vue项目中引入外部文件的方法(css、js、less)  # vuejs如何配置less  # Windows7下安装 Nodejs 并在 WebStorm 9.0.1 下搭建编译 LESS 环境  # 原生JavaScript+LESS实现瀑布流  # 如何在js中引入less的变量  # 报错  # 都是  # 是因为  # 还会  # 万事大吉  # 刚开始  # 不知道怎么  # 你就可以  # 写上  # 抛出  # 大家多多  # 博客  # css  # webpack  # brush 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 郑州企业网站制作公司,郑州招聘网站有哪些?  如何快速搭建高效服务器建站系统?  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  EditPlus 正则表达式 实战(3)  如何快速查询网址的建站时间与历史轨迹?  详解Android——蓝牙技术 带你实现终端间数据传输  再谈Python中的字符串与字符编码(推荐)  图册素材网站设计制作软件,图册的导出方式有几种?  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  Laravel Blade模板引擎语法_Laravel Blade布局继承用法  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  简历在线制作网站免费版,如何创建个人简历?  Laravel Eloquent:优雅地将关联模型字段扁平化到主模型中  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  Laravel怎么实现模型属性的自动加密  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  nodejs redis 发布订阅机制封装实现方法及实例代码  如何快速生成可下载的建站源码工具?  Python文件异常处理策略_健壮性说明【指导】  Laravel如何使用集合(Collections)进行数据处理_Laravel Collection常用方法与技巧  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  如何在局域网内绑定自建网站域名?  JavaScript如何实现类型判断_typeof和instanceof有什么区别  Laravel如何生成URL和重定向?(路由助手函数)  香港服务器部署网站为何提示未备案?  Win11关机界面怎么改_Win11自定义关机画面设置【工具】  昵图网官方站入口 昵图网素材图库官网入口  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  Laravel怎么上传文件_Laravel图片上传及存储配置  如何彻底删除建站之星生成的Banner?  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  百度浏览器如何管理插件 百度浏览器插件管理方法  如何在阿里云服务器自主搭建网站?  Python并发异常传播_错误处理解析【教程】  Laravel怎么生成URL_Laravel路由命名与URL生成函数详解  Laravel如何实现用户角色和权限系统_Laravel角色权限管理机制  简单实现Android验证码  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  Laravel路由Route怎么设置_Laravel基础路由定义与参数传递规则【详解】  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  怎样使用JSON进行数据交换_它有什么限制  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  Laravel如何使用Telescope进行调试?(安装和使用教程)  Linux安全能力提升路径_长期防护思维说明【指导】  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  ,怎么在广州志愿者网站注册?  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  MySQL查询结果复制到新表的方法(更新、插入)