VueJS如何引入css或者less文件的一些坑
更新时间：2017年04月25日 14:54:20 作者：hawk_zz
本篇文章主要介绍了VueJS如何引入css或者less文件的一些坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
我们在做Vue+webpack的时，难免会引入各种公共css样式文件，那么我们改如何引入呢？引入时会有那些坑呢？
首先，引入公共样式时，我们在“main.js”里使用AMD的方式引入,即
require('./assets/css/main.less');
这时，我们会抛出一个错误，是因为我们没有写解析的依赖，webpack不知道怎么解析
这时，我们要填写上依赖，
require('!style!css!less!./assets/css/main.less');
在很多以前的博客里都是以上写法，这个是Vue 2.0刚开始的，现在使用会报错；下面是正确写法
require('!style-loader!css-loader!less-loader!./assets/css/main.less');
在以前配置到这里，就万事大吉了，也可以开始引入css文件了，然后现在到这里还会报错
当出现以上错误时，说明你的项目里缺少依赖；
npm install style-loader --save
这时你就可以引入css文件了；
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
vue template中slot-scope/scope的使用方法
今天小编就为大家分享一篇vue template中slot-scope/scope的使用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
vue使用html2canvas和jspdf将html转成pdf
在前端开发中, html转pdf是最常见的需求,下面这篇文章主要给大家介绍了关于vue如何使用html2canvas和jspdf将html转成pdf的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-03-03
本篇文章主要介绍了vue-scroller记录滚动位置的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了vue绑定数字类型 value为数字的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
解决vue props传Array/Object类型值,子组件报错的情况
这篇文章主要介绍了解决vue props传Array/Object类型值,子组件报错的情况，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了浅谈使用mpvue开发小程序需要注意和了解的知识点，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
下面小编就为大家分享一篇浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要给大家介绍了关于如何优雅地在vue中添加权限控制的相关资料，文中通过示例代码以及图文介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
这篇文章主要介绍了Vue3中watch的详解,主要包括Vue2使用watch及Vue3使用watch的方法，通过多种情况实例代码相结合给大家详细讲解，需要的朋友可以参考下2022-11-11
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。这篇文章给大家介绍Vue仿手机qq的实例代码，需要的的朋友参考下吧2017-09-09
最新评论