您的位置：首页技术文章
文章详情页

javascript - webpack打包css 导致页面加载样式慢 FOUC

浏览：96日期：2023-05-19 08:16:17

问题描述

使用webpack打包js和css后，在首页底下插入bundle.js,由于css不是放在head里，所以打开页面要闪一下才有样式。这个应该怎么解决？

问题解答

回答1：

把css抽出来不就好了吗

extract-text-webpack-plugin

用这个webpack插件

GitHub地址

标签： JavaScript
上一条：javascript - 关于bootstarp-fileinput初始化预览问题下一条：javascript - IE兼容问题 动态生成的节点IE浏览器无法触发，求助
相关文章：
1. 微信小程序如何加载h5页面2. MYSQL代码执行错误：FUNCTION any_value does not exist3. 阿里云服务器mysql中文乱码4. python - 如何解决程序运行太久之后被操作系统暂停的情况？5. javascript - react如何获取offsetX？6. javascript - antDesign的table column最后一次加载的时候this是undefined 怎么回事7. mysql - oracle物化视图和临时表的区别是什么？8. sort - javascript 手动指定对象阵列的顺序9. 网页爬虫 - python+requests 网页重定向求解10. node.js - nodejs开发中常用的连接mysql的库
排行榜
javascript - 关于json中获取多个key-value对中多层嵌套key的name
javascript - 关于json中获取多个key-value对中多层嵌套key的name
1. 微信小程序如何加载h5页面
2. python - 如何解决程序运行太久之后被操作系统暂停的情况？
3. javascript - react如何获取offsetX？
4. vue.js - weex scroller搭配refresh在android平台上拉会触发refresh
5. node.js - nodejs开发中常用的连接mysql的库
6. 移动端页面文字垂直居中兼容性问题
7. ubuntu16.04 - ubuntu 16.04 apache2 安装成功，但是 dosen’t work!!!
8. MYSQL代码执行错误：FUNCTION any_value does not exist
9. mysql - oracle物化视图和临时表的区别是什么？
10. sort - javascript 手动指定对象阵列的顺序
热门标签