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

Question

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

./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 %>'
                ]
            }
        },

这就是"styles/main.css"文件中的index.html转到.tmp/styles/main.css的原因。