我的项目如何在 Grunt 的 .tmp 目录中找到文件？

Question

我目前正在使用一个带有 Gruntfile 的 Yeoman 种子项目，但我在理解它的某些部分时遇到了一些麻烦。一件特别令人困惑的事情是，在开发阶段，我的 SASS 文件被编译成 CSS 并放置在 .tmp 目录中。然而，我的项目在 app/styles 下寻找 main.css，但唯一的东西是我的 scss 文件。当 main.css 不在其所在位置时，我的项目如何能够找到它？

./myApp
--Gruntfile.js
--.tmp
----main.css
--./app
----styles
------main.scss

当我创建 dist 文件夹时，main.css 文件被正确放置在它应该在的位置。 我认为这可能与指南针或实时重载插件有关。

Answer 1

我相信你说的是你跑grunt serve时的情况。

在这种情况下，内置服务器默认提供.tmp和app目录下的文件，这是在Gruntfile中为grunt-contrib-connect指定的，如下所示。

    // The actual grunt server settings
    connect: {

        ...

        livereload: {
            options: {
                open: true,
                base: [
                    '.tmp',
                    '<%= config.app %>'
                ]
            }
        },

这就是为什么index.html 文件中的"styles/main.css" 转到.tmp/styles/main.css。