Mindscape Web Workbench 使用 Sass 编译时生成重复的 CSS 文件

Posted 2023-03-22

【中文标题】Mindscape Web Workbench 使用 Sass 编译时生成重复的 CSS 文件

【英文标题】：Mindscape Web Workbench generates duplicate CSS files when compiling with Sass

【发布时间】：2016-01-03 09:58:05

【问题描述】：

我已经在我的 Visual Studio 2010 项目中设置了 Mindscape Web Workbench，以便将编译后的 SCSS 文件输出到单独的文件夹中。我的预期结构是这样的：

Styles/ 
| 
|– output/ 
|    |–   toMain.css    
|    |–   toMain.css.map        
|
| – toMain.scss         

但我得到的是 2 个输出，如下所示：

Styles/ 
| 
|– output/ 
|    |–   toMain.css    
|    |–   toMain.css.map        
|
| – toMain.scss         
|    |–   toMain.css    
|    |–   toMain.css.map    

我通过Mindscape > Web Workbench Settings 仔细检查了toMain.scss 文件的输出设置，我看到的唯一输出确实是为Styles/output 文件夹设置的文件，但我仍然得到副本。我在 VS2010 中没有任何其他处理 SASS 的扩展，而且我似乎无法在任何地方找到有关此问题的任何信息。扩展程序是否有任何其他设置可能导致此问题？

编辑：值得注意的是，我在这个项目中使用了 Team Foundation Server - 所以输出的 CSS 被排除在源代码管理之外。我不确定这是否会有所作为。

【问题讨论】：

如果您删除文件并重新保存，它们会重新出现吗？只是想知道它们是否是从以前的/默认配置中遗留下来的

您是否可以找出正在运行的特定 sass CLI 命令？有什么方法可以告诉它是如何调用 sassc 或 libsass 的？这也可能是您设置 root 和 dest 的方式。例如，显式调用sassc src/main.scss dest/main.css 将不会在同一目录中编译。您可以粘贴您的 IDE/Mindscape-thingy 的设置/选项用于 sass 模块吗？ ...老实说，使用命令行总是更容易...

【参考方案1】：

我以前也有过。 带有 .map 扩展名的文件用于解码您的压缩文件，例如，您有 .js 文件，您将其最小化为 .min.js，以帮助解压缩您可以使用 .map 的文件。 因此，如果您说 .map 显示在您生成的文件夹中，则意味着您已对其进行了 css 压缩。 所以你有两个选择： 1.不要压缩你的css文件。 2.找到不生成.map文件的设置。

我正在使用 prepros 有一个设置。