我们在做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 】

相关推荐： 在线制作视频的网站有哪些,电脑如何制作视频短片？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  EditPlus中的正则表达式 实战(2)  Laravel storage目录权限问题_Laravel文件写入权限设置  微信公众帐号开发教程之图文消息全攻略  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  南京网站制作费用,南京远驱官方网站？  如何用PHP快速搭建CMS系统？  实例解析Array和String方法  js实现点击每个li节点，都弹出其文本值及修改  Laravel中的withCount方法怎么高效统计关联模型数量  如何快速生成专业多端适配建站电话？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  Laravel如何使用Eloquent ORM进行数据库操作？（CRUD示例）  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  Swift中switch语句区间和元组模式匹配  再谈Python中的字符串与字符编码（推荐）  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  ,南京靠谱的征婚网站？  Win11怎么设置默认图片查看器_Windows11照片应用关联设置  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  公司网站制作价格怎么算,公司办个官网需要多少钱？  Linux网络带宽限制_tc配置实践解析【教程】  Laravel如何创建自定义Artisan命令？（代码示例）  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  微信小程序 canvas开发实例及注意事项  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  Laravel如何保护应用免受CSRF攻击？（原理和示例）  如何确保西部建站助手FTP传输的安全性？  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  焦点电影公司作品,电影焦点结局是什么？  如何在Windows环境下新建FTP站点并设置权限？  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  Laravel如何记录自定义日志？（Log频道配置）  如何快速生成高效建站系统源代码？  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  如何安全更换建站之星模板并保留数据？  WordPress 子目录安装中正确处理脚本路径的完整指南  如何用AI帮你把自己的生活经历写成一个有趣的故事？  Laravel任务队列怎么用_Laravel Queues异步处理任务提升应用性能  北京网站制作的公司有哪些,北京白云观官方网站？  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程