首页 > Web开发 > 详细

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

时间:2018-08-29 13:15:00      阅读:278      评论:0      收藏:0      [点我收藏+]

每次全局引入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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!