使用fourseven:scss包时，Meteor构建是否会忽略SCSS源文件？

放心，你担心的.scss源文件被打包发送给客户端的情况完全不会发生，fourseven:scss在Meteor的构建流程里已经做了针对性处理，下面给你拆解细节和验证方式：

• 默认打包逻辑说明
  Meteor的构建系统配合fourseven:scss工作时，会自动识别client目录下的.scss文件，将其编译为对应的CSS产物，并且只会把编译后的CSS文件打包进客户端的最终bundle里——原始的.scss源文件会被完全排除在客户端资源之外，这是这个包的核心设计目标之一，就是为了避免冗余的源文件被发送给用户。

• 自己动手验证的方法
  要是你还是想确认一下，可以按这几步操作：

  1. 运行meteor build ../your-build-folder生成生产环境的构建包
  2. 解压生成的bundle文件夹，进入programs/web.browser/app目录
  3. 这里只会看到合并压缩后的CSS文件（通常是类似main.css或者带有哈希值的CSS文件），绝对找不到任何.scss源文件
  4. 也可以在开发模式下打开浏览器开发者工具的Sources面板，检查加载的资源列表，同样不会出现.scss文件

• 额外的优化小技巧

  • 对于那些只用来被其他文件导入的公共SCSS文件（比如变量定义、混合宏集合），建议给文件名加上下划线前缀，比如_variables.scss。Meteor会把这类文件识别为局部SCSS文件，不会单独编译它们，只有在被其他.scss文件import时才会被处理，进一步避免不必要的编译步骤
  • 生产环境下，Meteor默认会通过standard-minifier-css包对CSS进行压缩和合并，确保客户端加载的CSS资源是最精简的状态

内容的提问来源于stack exchange，提问作者johann1301s