如何使用@wordpress/scripts 和 NPM 为我的 Wordpress 站点设置 JS 构建环境？答案

【问题标题】：How do I set up a build environment for JS for my Wordpress site using @wordpress/scripts and NPM?如何使用@wordpress/scripts 和 NPM 为我的 Wordpress 站点设置 JS 构建环境？
【发布时间】：2022-06-14 03:57:11
【问题描述】：

我对 Wordpress 开发还比较陌生，我正在尝试使用一个名为 @wordpress/scripts 的包来自动构建 JS 和 SCSS/CSS。

这个包的信息是here。

我已经安装了 node.js，并用它来生成一个 package.json 文件：

{"name": "db-theme",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "scripts": {
 "test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"Dependencies": {
"@wordpress/scripts": "^23.1.0"
}
}

...然后我将其放在主题的根文件夹中。

当我运行 npm install 时，我最终会得到一个 node_modules 文件夹，但如果我尝试运行 np run start 以使用 index.js 创建一个 build 和 src 文件夹，我的终端会告诉我 npm ERR! Missing script: "start"，这表明未按预期设置包。

我知道这可能是一个广泛的要求，但谁能告诉我哪里出错了？

【问题讨论】：

标签： wordpress npm

【解决方案1】：

阅读此软件包的文档。在设置部分你已经完成了脚本的设置。

您需要在您的 packege.json 中指定“脚本”才能使用命令。

添加后您将能够使用诸如“npm run build”之类的命令

【讨论】：

如果您想采用完全自创的方式。这是正确的
谢谢你，Frizzant - 你是对的，我没有在文档中向下滚动这么远 - 我觉得这是一个面对面的时刻。感谢您的帮助。

【解决方案2】：

我个人可以推荐“Roots Bud”——它包含了你需要的一切，并且只需要一点点调整。它是专门为 Wordpress 制作的。

https://roots.io/bud/

或者，您也可以使用“Roots Sage 10”主题启动器，它已经包含了构建过程。不过总体来说它相当先进，因此建议您对 Wordpress 的工作原理有深入了解。

【讨论】：

我一定会看看这个 - 再次非常感谢。