浅谈vue引入css,less遇到的坑和解决方法


Posted in Javascript onJanuary 20, 2018

在使用vux开发手机页面时,引入vux的公共样式less一直报错,通过各种百度,Google都没有解决,走了很多弯路。最后才发现钻牛角尖了,可以换一种方法引入。

1、报错的使用:在App中

@ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vux/src/styles/reset.
less 3:10-115
 @ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-
compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineConfig":true}!./~/vux-
loader/src/style-loader.js!./~/vue-loader/lib/selector.js?type=styles&index=0!./
src/App.vue
 @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/
vue-loader/lib/style-compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineC
onfig":true}!./~/vux-loader/src/style-loader.js!./~/vue-loader/lib/selector.js?t
ype=styles&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js
@import '~vux/src/styles/reset'

2、最终解决方法,在main.js中

require('../node_modules/vux/src/styles/reset.less');

以上这篇浅谈vue引入css,less遇到的坑和解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Wordpress ThickBox 点击图片显示下一张图的修改方法
Dec 11 Javascript
replace()方法查找字符使用示例
Oct 28 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
Feb 26 Javascript
javascript中FOREACH数组方法使用示例
Mar 01 Javascript
第四章之BootStrap表单与图片
Apr 25 Javascript
使用命令行工具npm新创建一个vue项目的方法
Dec 27 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
Node.js之readline模块的使用详解
Mar 25 Javascript
简单了解Javscript中兄弟ifream的方法调用
Jun 17 Javascript
vscode调试node.js的实现方法
Mar 22 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
vue 引入公共css文件的简单方法(推荐)
Jan 20 #Javascript
基于Vue的ajax公共方法(详解)
Jan 20 #Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 #Javascript
Angular2整合其他插件的方法
Jan 20 #Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 #Javascript
javascript数组拍平方法总结
Jan 20 #Javascript
node.js文件上传重命名以及移动位置的示例代码
Jan 19 #Javascript
You might like
php 正则表达式小结
2009/08/31 PHP
set_include_path和get_include_path使用及注意事项
2013/02/02 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php中stdClass的用法分析
2015/02/27 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
Laravel框架路由管理简单示例
2019/05/07 PHP
浅谈laravel框架与thinkPHP框架的区别
2019/10/23 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
基于prototype扩展的JavaScript常用函数库
2010/11/30 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
Javascript根据指定下标或对象删除数组元素
2012/12/21 Javascript
jQuery 动态云标签插件
2014/11/11 Javascript
javascript获取元素离文档各边距离的方法
2015/02/13 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
Python中对数组集进行按行打乱shuffle的方法
2018/11/08 Python
python3中替换python2中cmp函数的实现
2019/08/20 Python
使用Django搭建web服务器的例子(最最正确的方式)
2019/08/29 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
python用线性回归预测股票价格的实现代码
2019/09/04 Python
python+selenium+PhantomJS抓取网页动态加载内容
2020/02/25 Python
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
四种会话跟踪技术
2015/05/20 面试题
岗位廉政承诺书
2014/03/27 职场文书
高效课堂教学反思
2016/02/24 职场文书
Python基本数据类型之字符串str
2021/07/21 Python
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers