require能不能引入CSS

这篇文章主要介绍了require能不能引入CSS，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

require能引入CSS，其引入css的方法：首先下载require-css插件；然后修改require.config配置；接着加载ELEMENT；最后在页面上调用require_css方法传入css地址即可。

使用require模块化开发时，在require.config配置中，定义模块的引入路径时，有些是需要依赖css的，这个时候需要通过require-css插件，在github上可以下载到地址：https://github.com/guybedford/require-css。

通过这个地址下载下来会有很多，如下图，我们只要css.js/css.min.js文件即可。

2. 在require.config配置中加入如下图的配置：

3. 完成上面两部之后，就可以在require.config配置中shim增加依赖，在加载ELEMENT的时候需要提前加载index.css。写法如下：

shim:{
    "ELEMENT": {
        "deps": ["vue", "css!assets/vue/element-ui/lib/theme-chalk/index.css"]
    }
},

4. 上面解决了，模块依赖css的问题，但是有时候还需要单独引入某个css的时候，当然啦，可以直接拖到html页面中加载。但是如果不想这样做的话，这个时候就可以通过改写require.config的写法来实现，将require的配置写成一个变量，然后在页面中在初始化，如下图：

要实现上图写法，首先要准备一个base.js文件，这个文件中只需要写document.body.style.visibility = 'visible';这么一句话就可以了（也可以写其他的），然后在requireConfig配置的同一个js中增加一个方法，用来向base的依赖中增加css，写法如下图红框。

然后在页面上调用require_css方法传入css地址，这样css将会引入到页面中，写法如下：

感谢你能够认真阅读完这篇文章，希望小编分享的“require能不能引入CSS”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!