怎么用Vue-cli搭建的项目中引入css报错的原因分析

  介绍

这篇文章将为大家详细讲解有关怎么用Vue-cli搭建的项目中引入css报错的原因分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

1。问题描述

之前用Vue-cli搭建的项目,在main.js中引入elementUI库中的css,或者在其他文件中(比如应用程序。vue)引入自己的css文件(假如你的文件是在src目录下),都会报一个相同的错。下如图

怎么用Vue-cli搭建的项目中引入css报错的原因分析

经过一番折腾之后发现需要在构建文件下的webpack.base.conf。js中加上下面的代码即可

{,   ,测试:/\ . css/美元,,   ,包括:,   ,,/src/,//表示在src目录下的css需要编译,   & # 39;才能/node_modules/element-ui/lib/& # 39;,,//增加此项,   ,),   ,加载程序:& # 39;style-loader ! css-loader& # 39;,   },

另外说明下假如你的css文件是在src目录下的话就添加src的路径,如上图,element-ui或者mint-ui (minit-ui的我没试过,个人认为也要加上去webpack才能查找到),假如你的css文件是在其他目录下的,原理一样。

注:以上是个人在开发中遇到的一个问题以及解决方式,如有出入或者不严谨地方还请指出!希望能够帮到您。在此也非常感谢大家对网站的支持。

关于“怎么用Vue-cli搭建的项目中引入css报错的原因分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

怎么用Vue-cli搭建的项目中引入css报错的原因分析