npm 包 excluded 使用教程

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

随着前端开发的不断发展,npm 包的使用越来越多。而其中 npm 包 excluded 则是一款被广泛使用的排除工具包,它可以帮助我们忽略一些文件,减小打包大小,并加速项目的构建。本文将为大家介绍 excluded 的使用方法,帮助前端开发者更快更好地进行项目开发。

什么是 excluded

excluded 是一个 npm 包,它可以帮助我们排除一些不必要的文件来减小项目的打包大小。一些不必要的文件比如 node_modules 中的文件、测试文件以及文档等,这些文件不仅不需要打包到最终的产品中,甚至不需要在开发过程中加载进来。

如何安装 excluded

在使用 excluded 之前,我们需要先进行安装,可以使用以下命令进行安装:

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

安装完毕后,我们就可以开始使用了。

使用 excluded

我们可以在项目的根目录下新建一个 .excludedrc 文件,这个文件可以配置哪些文件需要被排除。比如下面的配置:

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

这个配置告诉了 excluded 当前项目中需要排除所有的 .md.txt.docx 文件。

在配置好 .excludedrc 文件后,我们还需要在 package.jsonscripts 中添加一个 exclude 命令。

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

现在我们就可以使用 npm run exclude 命令来执行 excluded 定义的排除规则了, excluded 会自动排除配置在 .excludedrc 文件中的文件,并将排除的结果保存在一个叫做 ./excluded/excluded.js 的文件中。

引用 excluded

excluded 有个好处就是,我们在项目中引用的时候可以直接使用 require('excluded'),而不需要安装或者配置其他的一些参数。比如下面这个例子:

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

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

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

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

在这个例子中,我们使用 fspath 来读取一个文件,但是这个文件在我们的配置中是被排除的,如果没有使用 excluded 进行排除,我们的打包文件大小将会相应地增大。

总结

excluded 是一个轻便、易用的 npm 包,它可以帮助我们减小项目的代码量,加速项目的构建。在实际的项目中,我们需要对一些不必要的文件进行排除,在提升项目性能的同时,也可以提高开发效率。

希望通过这篇文章,你对 excluded 的使用有了更深入的理解。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055c2181e8991b448d9bf5


猜你喜欢

  • npm 包 flocking-midi-router 使用教程

    前言 在 Web 开发中,经常需要使用到 MIDI 相关的操作,如合成器控制、音符播放等等。而 flocking-midi-router 就是用来帮助开发者处理 MIDI 输入输出的 npm 包。

    2 年前
  • npm 包 react-native-modal-picker-kwk 使用教程

    简介 react-native-modal-picker-kwk 是一个基于 React Native 框架的组件库,它提供了一个弹出式的选择器,可以用于 Android 和 iOS 平台。

    2 年前
  • npm 包 react-native-render-html-pyou 使用教程

    前言 React Native 是 Facebook 推出的一款跨平台移动应用开发框架,可用于开发 iOS 和 Android 应用。而 react-native-render-html-pyou 是...

    2 年前
  • npm 包 weixin-pay-ddr 使用教程

    简介 weixin-pay-ddr 是一款基于 Node.js 的微信支付 SDK npm 包,提供了简便易用的接口帮助开发者快速集成微信支付功能。 在本文中,我们将为大家详细介绍如何使用 weixi...

    2 年前
  • npm 包 word-graphs 使用教程

    现在,在前端开发中,处理文本数据是一个非常常见的任务。往往我们需要将文本数据进行分析、过滤、统计等操作。而在这些操作中,文字图表是一个非常好用的工具。文字图表能够帮助我们更好地展示文本数据的特征和规律...

    2 年前
  • npm 包 confz 使用教程

    在前端开发中,我们经常需要在不同的环境中切换不同的配置,如开发环境、测试环境、生产环境等。如果每次手动修改配置,会非常麻烦和容易出错。因此,有些前端开发者会选择使用配置管理工具来解决这个问题,其中一个...

    2 年前
  • npm 包 color.flow 使用教程

    npm 包 color.flow 使用教程 在前端开发中,我们经常需要操作颜色值,比如调整图标或文本颜色,生成渐变色等操作。而现在有一个优秀的 npm 包 color.flow,可以帮助我们更轻松地操...

    2 年前
  • npm 包 java-hashcode 使用教程

    简介 在前端开发中,我们可能需要将一些 JavaScript 对象作为参数传递给后端 API,例如查询条件、表单数据等。而 RESTful API : RESTful API是一种软件架构风格,设计风...

    2 年前
  • npm 包 promisify-core-api 使用教程

    对于前端工程师来说,利用 async/await 和 promise 构建异步代码已经变得越来越流行。这一切都得益于 JavaScript 社区推出的 npm 包 promisify-core-api...

    2 年前
  • npm 包 @ndrive/vue-ua 使用教程

    在前端开发中,用户代理(User Agent)信息通常是不可或缺的一部分。User Agent 可以告诉我们用户使用的操作系统、浏览器名称和版本等信息,从而为我们提供更好的用户体验和性能优化。

    2 年前
  • npm 包 fristapplication 使用教程

    简介 fristapplication 是一款基于 React 的轻量级组件库,能够为开发者提供快速创建 React 应用程序的便捷工具。如果你正在寻找一个能够提高你的开发效率和提升用户体验的方式,那...

    2 年前
  • npm 包 gencore 使用教程

    简介 gencore 是一个快速生成前端项目核心代码的 npm 包。它基于 React,Redux 和 TypeScript,并结合了最新的前端开发实践,减少了从零开始构建项目的时间和精力,并提供了更...

    2 年前
  • npm 包 racci 使用教程

    在前端的开发中,我们常常需要使用各种第三方的库和工具来完成开发任务,npm 是一个非常常用的包管理工具。在众多 npm 包中,racci 是一个非常实用且易用的包,它可以帮助我们实现鼠标滚轮事件的监听...

    2 年前
  • npm 包 react-native-jsc 使用教程

    介绍 React Native 是一款非常流行的跨平台移动应用开发框架,但是它仅仅提供了仅仅面向 JavaScript 的 JavaScriptCore 引擎。这意味着我们无法使用本地库和 C/C++...

    2 年前
  • npm 包 closure-box 使用教程

    在前端开发中,代码的隔离和模块化是非常重要的,这样可以使得代码结构更加清晰,代码复用性也会提高。以往我们使用闭包来实现模块化,但是在大型项目中,这种方式可能会导致闭包层数过多,代码可读性变差等问题,这...

    2 年前
  • NPM 包 gulp-angular-esmodules-filesort 使用教程

    如果你正在开发 Angular 应用程序,可能会使用 Gulp 构建工具。在处理应用程序的 JS 文件时,会涉及到 ES6 模块的使用,这时候就需要考虑文件排序的问题。

    2 年前
  • npm 包 plate-cli 使用教程

    简介 plate-cli 是一款基于 Node.js 平台,用于快速生成前端项目脚手架的工具。它使用了 Handlebars 模板引擎来生成代码,支持多种类型的项目,例如基于 Vue.js、React...

    2 年前
  • npm 包 easing.flow 使用教程

    概述 easing.flow 是一个用于生成缓动函数的 JavaScript 库,可以方便地实现弹性、加速、减速等效果。本篇教程介绍如何使用该 npm 包。 安装 首先需要安装 npm,然后在命令行中...

    2 年前
  • npm 包 fetch-controller-polyfill 使用教程

    在前端开发中,我们经常需要通过 API 调用后端提供的数据。而其中, fetch 是一种非常常用的方式。 但是,在一些老版本的浏览器中,可能并没有支持 fetch 这个 API。

    2 年前
  • npm 包 react-monaco-editor-fork 使用教程

    前言 在前端开发中,代码编辑器是必不可少的工具之一。而对于开发者来说,选择一个好用的代码编辑器也是非常重要的。本文将分享一个在 React 项目中使用的 npm 包,即 react-monaco-ed...

    2 年前

相关推荐

    暂无文章