• 技术文章 >web前端 >js教程

    使用vue引入css,less相关问题

    亚连亚连2018-06-11 14:05:45原创889
    下面我就为大家分享一篇浅谈vue引入css,less遇到的坑和解决方法,具有很好的参考价值,希望对大家有所帮助。

    在使用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');

    上面是我整理给大家的,希望今后会对大家有帮助。

    相关文章:

    使用parcel.js打包出错的问题

    详细解读vue重构技术

    使用vuex以及持久化

    在jquery中使用输入框查找关键字

    有关Vue中如何换肤?

    使用js和jQuery如何实现指定赋值方法

    使用React和Webpack如何优化打包?

    使用vue如何编写todolist组件?

    使用openlayers4如何实现点的扩散?

    以上就是使用vue引入css,less相关问题的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:vue 引入 css less
    上一篇:如何通过js将当前时间格式化? 下一篇:通过vue如何引入公共css文件
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 20个稀奇古怪的JS表达式,猜猜输出结果吧!• JavaScript日期对象Date(总结分享)• 聊聊怎么使用Node.js创建一个简单的HTTP服务器• JavaScript创建多个对象方法总结• 聊聊node+multiparty怎么实现文件上传
    1/1

    PHP中文网