WordPress自定义插件中安装SweetAlert2的命令及路径咨询

一、npm命令的运行路径 #

你必须在myCustomPlugin插件的根目录下运行npm命令。

原因很明确：每个WordPress插件都是独立的代码单元，需要给这个自定义插件单独维护依赖。操作步骤参考：

1. 打开终端，进入wp-content/plugins/myCustomPlugin目录
2. 若还未初始化npm，先执行npm init -y生成package.json文件（用来记录插件的依赖信息）
3. 之后再执行SweetAlert2的安装命令

绝对不要在wp-content根目录或其他插件目录下操作，否则依赖会被安装到错误位置，导致自定义插件无法正常调用。

二、生产环境的npm命令选择 #

在npm 5及以上版本中，npm install sweetalert2和npm install --save sweetalert2效果完全一致——都会把SweetAlert2添加到package.json的dependencies字段中，这正是生产环境需要的依赖记录方式。

所以生产环境下用任意一个命令都足够，现在更常用直接写npm install sweetalert2，因为npm默认就会将包保存为生产依赖，无需额外加--save参数。

额外提示 #

安装完成后，你需要在插件的PHP代码中通过wp_enqueue_script()函数，将node_modules目录里的SweetAlert2文件（比如sweetalert2/dist/sweetalert2.all.min.js）注册并加载到前端，这样才能在插件的JS代码里调用SweetAlert2的弹窗功能。

内容的提问来源于stack exchange，提问作者user2679476