分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

vue填坑之全局引入less,scss,styl文件

发布时间:2023-09-06 02:12责任编辑:苏小强关键词:暂无标签

每次全局引入less文件都是心累的旅程,木有一次能正常启动的,啊,好在最后都解决了,但是原理,本姑娘还是不懂

以全局引入less文件为例

首先安装less的依赖包

用的cnpm install 淘宝镜像文件下载,npm install -g cnpm --registry=https://registry.npm.taobao.org(全局安装)

用build文件下的webpack.base.conf.js里配置less的依赖

{
test: /\.less$/,
loader: ‘style-loader!css-loader!less-loader‘
}
 
在main.js中全局引入 (如果不加loader依赖就会报错,至于原因我也想知道,想哭,呜呜呜)

如果在组件内引入

不需要加loader依赖

OK,表面问题就这样处理了,如有知道原因,不吝赐教,感谢

vue填坑之全局引入less,scss,styl文件

原文地址:https://www.cnblogs.com/eddina/p/9553110.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved