NPM 包 `parcel-plugin-disable-loaders` 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

在日常的前端开发中，我们使用各种工具库，如 webpack、parcel 等工具来构建项目和打包代码。在使用这些工具时，会有一些默认的配置和加载器（loader）被使用了，但有时候我们并不希望使用这些默认配置和加载器，该如何处理呢？

这时候，NPM 包 parcel-plugin-disable-loaders 就可以帮我们解决这个问题。它可以快捷地禁用当前项目中的所有加载器，让我们更加灵活地配置我们的项目。

安装

安装 parcel-plugin-disable-loaders 非常简单，只需要在终端中运行以下命令即可：

npm install parcel-plugin-disable-loaders --save-dev

使用

配置 .npmrc 文件（选填）

如果你想在全局使用该插件，可以先在终端中输入以下命令，配置 .npmrc 文件：
```
npm config set ignore-scripts false
```
在项目中使用

安装好插件后，我们需要在项目的 package.json 文件中添加如下代码：
```
"parcel-plugin-disable-loaders": {}
```
然后我们执行 parcel 打包命令即可，如下：
```
parcel build index.js
```
即可看到类似以下的打包日志，表示加载器已经被禁用：
```
🚀  Built in 590ms.

dist/index.js
dist/index.js.map

⚠️  No assets emitted.
```

示例代码

下面是一个示例代码，我们使用了 babel 和 scss 两个加载器，但使用 parcel-plugin-disable-loaders 插件后，这两个加载器都被禁用了，我们可以自由地配置项目了。

-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ ---------------

----- --- - -- -- -
  ------ -
    ---- ----------------
      --------- -----------
    ------
  --
--

-------------------- --- ---------------------------------

结语

parcel-plugin-disable-loaders 插件能够帮助我们在项目中更加灵活地配置打包工具，尤其对于想要禁用加载器的项目来说，使用该插件非常方便。希望本文能够帮助到大家。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/5efa7aa6403f2923b035ba44