如何正确添加NPM包并将其集成到WordPress中？

时间：2021-04-23 作者：Steve

我最近在我的WordPress项目中安装了一个NPM包，名为“砖石”。我想使用它，但我不确定应该在哪里添加脚本。

我想通过functions.php 在这里，我将使用将其排队并在node\\u modules文件夹中找到它

get\\u template\\u directory\\u uri（）/节点\\模块/砌体布局/距离/砌体。pkgd。最小js

但我觉得应该有一个更简单/更好的方法。

我安装了引导程序，在本地js文件中

需要（“引导”）；

然后我有一个网页包，它混合了我所有的js文件，并将其添加到我的/dist

是否有类似的方法将其添加到我的软件包中而不必使用functions.php 排队？我希望只让一个js脚本排队，而不是让多个js脚本排队。（除非你认为这是不好的做法）。

类似于：

要求（“砌体”）；

此外，请不要试图说服我改用CDN。

这是包裹：https://www.npmjs.com/package/masonry-layout

1 个回复
最合适的回答,由SO网友:Jacob Peattie 整理而成

没有唯一正确的方法，但我想接近正常的方法是：

有一个包裹。主题（或插件）中的json文件npm install, 将软件包安装到node_modules/ 在你的主题中

  • 在主脚本/入口点中，将该脚本包含在require() 或import.wp_enqueue_script(), 因为您不想让大量文件排队。如何做到这一点完全取决于您使用的工具，与WordPress无关。

    然而，FWIW、WordPressalready bundles 砌体脚本，因此您根本不需要自己打包。将脚本排入队列时，只需将其声明为依赖项wp_enqueue_script():

    wp_enqueue_script( \'my-handle\', \'/path/to/my/script.js\', [ \'masonry\' ] );

    • 标签： functions   javascript   小码农  

    相关推荐

    如何以WordPress的方式加载一个类型为type=“MODULE”的javascript文件？

    通常，当我要加载javascript文件时，我会从函数中加载它们。使用以下代码的php文件：wp_deregister_script(\'site-js\'); wp_register_script(\'site-js\', get_stylesheet_directory_uri().\'/js/site.js\', array(\'jquery\'), \'0.0.3\', true); wp_enqueue_script(\'site-js\'); 前几天，我下载了ax