【发布时间】：2020-11-05 14:10:47
【问题描述】：
我想集成一些构建工具，例如NPM 和Grunt，同时我正在处理我的Wordpress 主题。例如...我会写一些Sass 将其编译为.css 文件。
像 grunt 文件和 node_modules 文件夹这样的构建文件在 wordpress 主题中的什么位置？
有关于如何做到这一点的文档，但关于其结构的文档并不多。
您如何构建构建工具以使用 wordpress 主题？
【问题讨论】：
【发布时间】：2020-11-05 14:10:47
【问题描述】：
在做客户端网站时，我通常从头开始编译我自己的 css 版本——使用 bootstrap、bulma 或 uxkit 建议的内置工具。对于 bulma，您对如何编译他们的框架有一个很好的介绍
https://bulma.io/documentation/customize/with-node-sass/
在我的工作流程中——我不知道这是否适合每个人——我将 wordpress 文件放在与 node_modules 文件夹相同的级别，但直接编译到 wordpress 主题文件夹，所以我的构建命令如下：
"css-build": "node-sass --omit-source-map-url src/scss/app.scss ../wp-content/themes/labaza/app.css",
因此，在这种情况下，当您将文件从本地机器传送到服务器时，您只需覆盖主题文件夹，并且需要确保您没有上传任何 node_modules。
希望对您有所帮助 - 但正如我所写，这只是基于我喜欢的工作方式的想法。
【讨论】：
-
所以你的 package.json、node modules 文件夹、gruntfile、git ignore 都在你主题的根目录下？然后将整个文件夹推送到 Github（减去 node_modules）文件夹？
-
不不 - 不在我主题的根目录中 - 在我本地项目目录的根目录中。当我推送到 git 时，我在 gitignore 中拥有除 wp-content 之外的所有内容