javascript - 加载本地 ParcelJS 插件

Question

我想创建一个插件，以便我可以使用 parcel 原始加载某种类型的文件。包裹文档指出:

Publish this package on npm using parcel-plugin- or @your-scope/parcel-plugin- prefixes, and it will be automatically detected and loaded as described below.
...
Any dependencies listed in package.json with these prefixes will automatically be loaded during initialization.

由于这是一次性的事情，我不想将代码作为插件发布到 npm 上。如何使用 parcel 加载我的项目本地插件？

提前致谢。

Answer 1

由于我找不到以 parcel 方式执行此操作的方法，因此我以 npm 方式执行此操作:

我创建了一个名为 local_modules 的文件夹(这可以是任何你想要的。)然后在 local_modules 中创建了 parcel-plugin-x。在里面，我像往常一样创建了我的插件。我还创建了一个 package.json 指定入口点 main。您可以指定模块所需的依赖项，就像这是一个单独的项目一样(这就是!)。

{
  "name": "parcel-plugin-x",
  "version": "0.1.0",
  "description": "Parcel plugin x",
  "main": "index.js",
  "devDependencies": {
  },
  "dependencies": {
  }
}

目录结构:

project-folder---local_modules---parcel-plugin-x  
             |---package.json                  |
                                               |---index.js
                                               |---package.json

然后我在 project-folder 中运行了 npm i --save-dev .local_modules/parcel-plugin-x。它将 "parcel-plugin-x": "./local_modules/parcel-plugin-x", 行添加到根 package.json。 这是在 npm 中加载本地模块的标准方式。每次更改插件时，都必须运行 npm upgrade。您还应该增加插件的版本。这会将插件复制到 node_modules 并安装依赖项。

根据 parceljs 文档:

Any dependencies listed in package.json with these prefixes will automatically be loaded during initialization.

现在可以了! :)