码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-08-29 14:29:57      阅读:443      评论:0      收藏:0      [点我收藏+]

标签:inf   安装   registry   https   pack   技术分享   tps   install   less   

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

标签:inf   安装   registry   https   pack   技术分享   tps   install   less   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!