首页 编程与技术
这里有新鲜出炉的 vue.js 教程, 程序狗速度看过来!
Vue.js 轻量级 JavaScript 框架
Vue.js 是构建 web 界面的 JavaScript 库, 提供数据驱动的组件, 还有简单灵活的 API, 使得 MVVM 更简单
下面小编就为大家分享一篇浅谈 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');
以上这篇浅谈 vue 引入 css,less 遇到的坑和解决方法就是小编分享给大家的全部内容了, 希望能给大家一个参考, 也希望大家多多支持 phperz
您可能感兴趣的文章:
vuejs 如何引入 css 或者 less 文件的一些坑
Vue 项目中引入外部文件的方法(cssjsless)
用 Vue-cli 搭建的项目中引入 css 报错的原因分析
浅谈 vue 实现数据监听的函数 Object.defineProperty
浅谈 Vue 的基本应用
浅谈 Vue v-model 指令的实现原理
浅谈 vue 中的 watcher
浅谈 Vue.js
Vue 开发过程中遇到的疑惑知识点总结
vue 数组和对象不能直接赋值情况和解决方法(推荐)
vue 引入公共 css 文件的简单方法(推荐)
vue 项目中做编辑功能传递数据时遇到问题的解决方法
关于 vue.js 过渡 css 类名的理解(推荐)
vue-router 跳转页面的方法
Vue 过滤器的用法和自定义过滤器使用
来源: http://www.phperz.com/article/18/0131/362902.html