minicssextractplugin仅生成独立css文件，不注入html；必须配合htmlwebpackplugin（≥v5.0、inject:true）自动插入，且loader需按环境切换为minicssextractplugin.loader（生产）或style-loader（开发），同时正确配置publicpath以确保资源路径解析正确。
MiniCssExtractPlugin 不会自动把 CSS 塞进 HTML，它只负责生成独立 .css 文件；真正让页面加载这个文件，得靠三件事：loader 切换、HtmlWebpackPlugin 注入、publicPath 配置对齐。
loader 必须按环境切换，开发不能用 MiniCssExtractPlugin.loader
开发时如果直接用 MiniCssExtractPlugin.loader，样式根本不会出现在页面上——它不支持 HMR，也不往 DOM 插入 <style></style>。必须用 style-loader；生产才换过去。
- 判断方式建议用
process.env.NODE_ENV === 'production'，别硬写字符串 -
use数组里 loader 顺序不能错：MiniCssExtractPlugin.loader必须在css-loader前面 - 如果用了
postcss-loader或less-loader，它们要排在css-loader后面
HtmlWebpackPlugin 必须启用 inject，且版本 ≥5.0
MiniCssExtractPlugin 只输出文件，不改 HTML。HtmlWebpackPlugin 默认 inject: true 才会自动加 <link rel="stylesheet"> 标签；老版本（如 v4）可能不识别新插件生成的 .css 资源。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 确认
HtmlWebpackPlugin版本：npm list html-webpack-plugin - 配置里显式写
inject: true，别依赖默认值（某些版本默认是'body'） - 如果用了多页应用（multiple entries），确保每个 entry 对应的 HTML 模板都由单独的
HtmlWebpackPlugin实例处理
publicPath 配置错，CSS 里的 background 图片就 404
CSS 文件里引用的 url(./img/logo.png) 是相对路径，最终解析依赖 Webpack 的 output.publicPath 和 MiniCssExtractPlugin.loader 的 options.publicPath。两者不一致，图片路径就断了。
- 推荐统一设为
output.publicPath: ''（空字符串），然后在MiniCssExtractPlugin.loader的options里填相对路径，比如publicPath: '../' - 如果打包后 CSS 在
/static/css/，而图片在/static/img/，那 loader 的publicPath得是'../img/' -
filename中用了[contenthash]，但没配output.chunkFilename，异步 chunk 的 CSS 可能 fallback 到默认名，导致路径错乱
ignoreOrder: true 不是万能解药，先查导入顺序
出现 ChunkLoadError 或警告 “Conflicting order between” 时，ignoreOrder: true 能压制警告，但掩盖了真实问题：多个入口或异步模块重复 import 同一个 CSS，又没控制好层叠顺序。
- 优先检查
import位置——全局样式（reset、base）应该最早 import，组件样式靠后 - 避免在两个不同 async chunk 里都
import('./common.css')，改成只在主入口引入 - 真要共用，考虑用 CSS Modules 或
css-loader的modules选项做局部化
最常被忽略的点：MiniCssExtractPlugin 的 filename 和 HtmlWebpackPlugin 的 template 路径不在同一层级时，publicPath 得手动算清楚——不是“看着对”，而是浏览器开发者工具里点开 network 面板看实际请求地址是否 200。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
