Parcel 打包时为什么 CSS 文件没被正确引入? Top丶琬晴 提问于 2026-03-18 19:50:18 阅读 10 前端 我用 Parcel 打包一个简单的 HTML 项目,本地开发时样式正常,但 build 后发现页面没样式了。HTML 里是这么引入的:,目录结构也没问题,咋回事? 尝试过清缓存、重装依赖,甚至把 CSS 内联到 HTML 都行,就是外链不行。是不是 Parcel 对 CSS 的处理有啥特殊配置? 构建工具 我来解答 赞 0 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 皇甫贝贝 Lv1 Parcel 的问题就在这:它不会自动处理 HTML 里 link 标签引入的 CSS,必须在 JS 入口文件里主动 import 一下。 在你们的 main.js 或者入口 JS 文件最前面加一句: import './style.css'; 这样 Parcel 才会把 CSS 打包进去,build 后样式就正常了。 回复 点赞 2026-03-18 20:01 加载更多 相关推荐 2 回答 16 浏览 Parcel 打包时为啥找不到我的 CSS 文件? 我用 Parcel 启动项目后,HTML 里引入的 CSS 文件一直报 404,明明路径是对的啊! 我的 HTML 是这样写的: <!DOCTYPE html> <html lang... W″艺涵 前端 2026-03-02 16:25:22 2 回答 48 浏览 Parcel打包React项目时CSS样式不生效怎么办? 最近用Parcel打包React项目,发现导入的CSS文件样式完全没生效。我已经按官方文档配置了,代码也没报错,但页面就是没样式。之前用Webpack没问题,Parcel是不是有什么特殊设置? 比如在... 轩辕令敏 前端 2026-01-28 19:23:32 1 回答 74 浏览 为什么引入了未使用的CSS变量后打包体积反而增加了? 我在项目里按需引入了一个CSS变量文件,但即使没用到某些变量,打包后的CSS文件反而比之前更大了。明明用了Webpack的Tree Shaking配置啊? 比如我写了这样的CSS文件: :root {... UI婷婷 优化 2026-02-01 16:44:27 1 回答 18 浏览 esbuild打包后为什么CSS文件没被提取出来? 我用 esbuild 构建项目时,发现所有的 CSS 都被打包进 JS 文件里了,而不是生成独立的 .css 文件。明明看到文档说可以通过 bundle: true 和 outfile 配合输出 CS... 培乐 Dev 优化 2026-03-10 16:36:21 2 回答 55 浏览 为什么DllPlugin打包后样式文件没生效,打包后的dll里没有CSS内容? 我用Webpack的DllPlugin打包公共依赖时,发现生成的dll文件里没有包含我配置的CSS文件。虽然在entry里加入了样式表路径,但打包后的manifest.json里也没有相关记录。 尝试... 令狐若曦 前端 2026-02-13 22:49:26 2 回答 14 浏览 11ty中如何正确引入并使用CSS模块? 我在用11ty做静态站点,想把CSS文件单独引入到某个页面,但发现样式没生效。我试过在.njk模板里用{% set css %}styles.css{% endset %},也试过直接link标签,都... 博主子香 框架 2026-03-08 12:01:19 1 回答 11 浏览 11ty中如何让CSS文件被正确引入并生效? 我在用11ty做静态站点,把CSS文件放在了_includes/css/style.css,然后在模板里用引入,但页面样式完全没加载,控制台还报404。是不是路径配错了? 我试过把CSS移到src/c... 极客珍珍 框架 2026-03-06 12:12:19 1 回答 38 浏览 为什么Rollup打包后Tree Shaking没去掉未使用的CSS类? 在用Rollup打包Vue组件时遇到了奇怪的问题,明明代码里只用了CSS文件中的两个类,但打包后的样式文件里却包含了所有类。我检查过配置,已经设置了"sideEffects: false",还试过在导... 景叶的笔记 优化 2026-02-17 08:29:32 2 回答 27 浏览 Rollup打包后文件包含未使用的CSS类名怎么办? 在用Rollup打包Vue组件库时发现,即使组件未使用某些CSS类名,打包后的dist文件里还是包含了所有类名,导致体积变大。我尝试过动态导入CSS文件,但这样会导致样式无法按需加载: <tem... ___荣荣 优化 2026-02-16 18:25:24 2 回答 33 浏览 Webpack Bundle分析时为什么CSS文件显示为未知来源? 我在用webpack-bundle-analyzer分析打包结果时,发现所有CSS文件都显示为“unknown [css]”,但代码确实被正确打包进bundle了。我尝试过调整MiniCssExtra... 博主瑞娜 工具 2026-02-03 23:21:36
在你们的 main.js 或者入口 JS 文件最前面加一句:
这样 Parcel 才会把 CSS 打包进去,build 后样式就正常了。