必须显式设置sassoptions.outputstyle: 'compressed'，因sass默认outputstyle为'nested'，不自动适配生产环境，且后续压缩插件无法回溯重编译；同时需禁用sourcemap并清理additionaldata中的调试语句，否则体积优化事倍功半。
必须显式设置 sassOptions.outputStyle: 'compressed'，否则无论后续配了多少压缩插件，SCSS 层输出的都是冗余的 expanded 格式——这是体积失控的第一道闸门没关紧。
为什么 outputStyle: 'compressed' 必须手动写
Sass 编译器默认值是 'nested'（开发友好），不是 'compressed'。它不看构建环境自动切换，也不被 css-minimizer-webpack-plugin 或 cssnano 反向影响。你配了压缩插件，只是在处理 Sass 已经“胖过一轮”的输出。
-
outputStyle是 Sass 层唯一的格式开关，只删空格、换行、注释，不合并规则、不剔未用类——但它必须先执行，否则后续所有压缩都事倍功半 - Webpack 项目里，必须写在
module.rules.use[loaderIndex].options.sassOptions下；Vue CLI 则要嵌套在css.loaderOptions.sass.sassOptions里 - 写错位置（比如放在
webpack.config.js顶层或css.minimizer配置里）会被完全忽略 - 验证方式：临时改成
'expanded'，观察编译出的 CSS 是否突然带缩进、换行、空行——如果是，说明配置生效了
sourceMap: false 不是可选项，是必选项
开启 sourceMap 会让每个 SCSS 文件生成 base64 编码的映射内容，直接追加在最终 CSS 文件末尾。一个中等项目轻松增加 80–150 KB，远超压缩带来的收益。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 别依赖某些版本（如
node-sass@7+）的默认行为——它们默认true，而dart-sass在新版里也倾向保守开启 - 即使用了
MiniCssExtractPlugin，它只控制 CSS 文件是否单独提取，不干预sass-loader是否注入 map 内容 - 开发调试需求应由
devtool: 'source-map'统一提供 JS 层 sourcemap，样式定位足够覆盖
别让 additionalData 暗中破坏压缩效果
通过 additionalData 注入全局变量或 mixin 时，如果里面含 @debug 或 @warn，它们会在 compressed 模式下被静默丢弃。你本地 dev 看到日志，上线却毫无反应，容易误判逻辑失效。
- 生产构建前务必清理掉所有
@debug/@warn，或用条件判断包裹：@if $env == 'dev' { @debug '...' } -
additionalData本身不参与压缩逻辑，但它的内容会进入编译上下文——若含大量注释或冗余声明，也会被保留在输出中 - 更安全的做法：把调试逻辑抽离成独立的
_debug.scss，仅在 dev 环境@use，且不打包进 production 构建
真正卡住体积的从来不是空格和换行，而是 @extend 泛滥、@import 全量拼接、循环生成工具类这些源码层问题；outputStyle: 'compressed' 只是让压缩结果可信的第一步——漏掉它，后面所有优化都在给“膨胀体”做表面按摩。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
