Autoprefixer 是构建阶段的 PostCSS 插件，不运行于浏览器，故无法在 HTML 中配置或启用；它只在 Webpack、Vite 等工具处理 CSS 时自动添加前缀，HTML 中的 或 均不触发其执行。
Autoprefixer 不是 HTML 的插件，也不能通过 HTML 直接启用——它根本不会在浏览器里运行，只在构建阶段处理 CSS 文件。你写 或内联 ，都不会触发 Autoprefixer。
为什么在 HTML 里配不了 Autoprefixer
Autoprefixer 是一个 PostCSS 插件，运行在 Node.js 环境下的构建流程中（比如 Webpack、Vite、Gulp 启动时），它读取源 CSS 文件，输出带前缀的新 CSS。HTML 是运行时产物，此时所有前缀早已固化进 CSS 字节流里了。
常见误解现象： 在页面里不生效，就以为“没加前缀”，其实问题出在构建环节压根没走 Autoprefixer，而不是 HTML 没配对。
- 浏览器打开 HTML 文件（file:// 协议）时，没有构建过程，Autoprefixer 完全不参与
- 用
live-server或http-server本地起服务，也仅提供静态托管，不执行 PostCSS - 直接在 DevTools 里改样式，属于运行时覆盖，和 Autoprefixer 无关
必须走构建工具链：Webpack / Vite / Next.js 怎么接
Autoprefixer 要生效，得让构建工具在处理 .css、.scss、.less 时调用 PostCSS，并把 autoprefixer 插件塞进去。
以 Vite 为例（最简场景）：
- 装依赖：
npm install --save-dev autoprefixer postcss - 在
package.json写好browserslist字段（决定加哪些前缀）："browserslist": ["> 1%", "last 2 versions", "not dead"]
- Vite 默认识别
postcss.config.js或package.json中的 browserslist，无需额外配置 loader - 确保你不是用
import './style.css'引入，而是通过 Vite 的标准 CSS 处理流程（即文件在src/下，被 Vite 的 dev server 或 build 正确解析）
Webpack 则需显式配置 postcss-loader，且顺序必须在 css-loader 之后、style-loader 之前；否则 CSS 还没解析完就被注入到 DOM，Autoprefixer 就没机会处理。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
browserslist 配错 = 白配
Autoprefixer 输出什么前缀，完全由 browserslist 配置决定。写得太松（如 last 5 versions）会塞进 iOS 9 的 -webkit-box，写得太紧（如 Chrome >= 120）又会让部分真实用户看到 flex 布局崩溃。
推荐组合（兼顾兼容与精简）：
-
> 1%：覆盖全球使用率超 1% 的浏览器版本 -
not dead：自动排除已停止维护的版本（如 IE -
not op_mini all：排除 Opera Mini（它不支持 flex/transform 等多数现代特性） - 企业项目可追加具体约束：
Firefox ESR、Android >= 6
验证配置是否生效：运行 npx browserslist，看输出列表是否符合预期；再检查构建后 CSS 是否有 -webkit- 等前缀 —— 如果没出现，大概率是 browserslist 没被读到，或构建工具跳过了 PostCSS 流程。
现代框架里可能根本不用装
Webpack 5+、Vite 4+、Next.js 13+ 默认集成了 Autoprefixer，只要项目里有合法的 browserslist 配置，它就在后台默默工作。手动 npm install autoprefixer 反而可能引发版本冲突（比如 Vite 自带的是 v10.x，你装了 v9.x）。
容易被忽略的点：
- 某些 UI 库（如 Ant Design、Element Plus）的样式文件是预构建好的，它们的 CSS 已经过 Autoprefixer 处理 —— 你自己的组件样式才需要确认流程是否接入
- PostCSS 配置文件名必须是
postcss.config.js（不能是postcss.config.cjs或.mjs，除非构建工具明确支持） - 如果用了
postcss-preset-env，它内部已包含 Autoprefixer，重复 require 可能导致警告甚至失效
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
