在用Grunt编译的时候Sass经常看到一个src和dist文件夹。未编译的文件的文件夹应该放在哪里？

Question

使用 Grunt/Gulp 的 node.js 个项目通常会看到 src 和 dist 文件夹。但是假设您正在构建一个静态站点并且拥有其他未编译文件（如字体和 pdf）的文件夹。这些在 dist 里面吗？

这样您就可以上传一个目录并拥有您所有的制作资产。谢谢你的帮助。

Answer 1

简而言之，您的问题没有真正正确或错误的答案。

FWIW - 我总是将字体和 pdf 存储在 src 文件夹中，最终它们在我 [=] 期间被复制到 dist 文件夹35=]构建进程。正如您已经提到的那样，这样做的好处之一...

That way you can upload one directory and have all of your production assets.

将这些资产从 src 复制到 dist 文件夹的另一个合理原因是我通常将 relative paths 定义为源代码中的其他资产。例如。

html

<img src="./images/icons/logo.gif" alt="logo">

css

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Regular.eot');
    src: url('../fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato/Lato-Regular.woff') format('woff'),
    url('../fonts/Lato/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    ...
}

通过复制所有引用的资源并将src目录的必要子文件夹复制到dist文件夹，避免了重新定义的需要可分发代码中的资产路径。

例如上面的@font-face。如果 fonts 文件夹和字体文件未复制到 dist 文件夹，则必须重新定义可分发文件中的 url .css 代码。 （新的 'relative' 或新的 'absolute' 路径）。

虽然有构建工具可以替换路径引用，但我喜欢将 dist 文件夹视为一个工作包，其中包含独立于 src 文件夹。

同样，没有正确或错误的答案。考虑将资产 （pdf 和字体） 复制到 dist 文件夹的利弊，并选择最适合您的工作流程的方法 and/or 业务需求。

在用Grunt编译的时候Sass经常看到一个src和dist文件夹。未编译的文件的文件夹应该放在哪里？

When using Grunt to compile Sass I often see a src and dist folder. Where should folders of files that are not compiled go?

workflow

frontend

node.js

gruntjs