Yeoman gulp webapp更改样式目录名称

Question

我正在使用Yeoman Gulp Webapp Generator开发主题。 CMS需要一个名为“css”而不是“styles”的目录。这听起来很简单，但由于某种原因，我不能让dist / styles成为dist / css。

从全新的版本中，我将样式目录名称更改为css，并将其更改为我搜索过的gulpfile，并将所有

app/styles

替换为

app/css

这种工作，app中的目录现在命名为css，但dist中的目录名仍然是样式。

我认为它从.tmp目录中获取名称？但我不确定。如果我将.tmp / styles重命名为.tmp / css，文件将被忽略，不会传输给dist。

非常感谢任何建议。

Answer 1

您还可以将.tmp/styles中的gulpfile.js更改为.tmp/css并更改index.html的此部分：

<!-- build:css styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->

到此：

<!-- build:css css/main.css -->
<link rel="stylesheet" href="css/main.css">
<!-- endbuild -->

但是，如果您需要做的就是dist/css，那么您不必将app/styles更改为app/css，所有这一切，您只需更改这部分index.html：

<!-- build:css styles/main.css -->

到此：

<!-- build:css css/main.css -->

该路径指的是dist目录中保存这些样式的位置。