在前端开发中，我们常常需要使用各种第三方库来实现我们的需求。而 npm 是目前最流行的 JavaScript 包管理器，它为我们提供了一个海量的开源库，可以极大地提高我们的开发效率。本文将介绍一款名为 enchilada 的 npm 包，它可以帮助我们更便捷地进行前端开发。
enchilada 简介
enchilada 是一款提供了强大而灵活的前端编译环境的 npm 包。它基于 rollup.js 和 babel，可以帮助我们将 ES6+ 的代码转换成可在所有浏览器中运行的 ES5 代码，并且支持使用 CSS, SASS, LESS, PostCSS 等各种预处理器。此外，enchilada 还提供了许多功能强大的插件，例如 tree-shaking 和 uglify 等，可以优化我们的代码。
enchilada 安装与配置
为了使用 enchilada，我们首先需要在项目中安装它。在终端中输入以下命令即可：
npm i enchilada --save-dev
安装成功后，在项目中创建一个文件名为 enchilada.config.js 的文件，这个文件就是 enchilada 的配置文件。在配置文件中，我们需要指定入口文件、输出文件等参数，如下所示：
module.exports = {
input: 'src/index.js',
output: {
file: 'dist/bundle.js',
format: 'umd'
}
}在这个示例中，我们指定了入口文件为 src 目录下的 index.js 文件，输出文件为 dist 目录下的 bundle.js 文件，并且指定了输出格式为 umd。当前 enchilada 支持 umd、amd、cjs 和 esm 四种模块化规范，根据你的需要进行选择即可。
使用 enchilada 编译代码
配置好 enchilada 后，我们可以使用它来编译我们的代码了。只需要在终端中输入以下命令即可：
npx enchilada
npx 是 npm 5.2+ 自带的一款命令行工具，它可以帮助我们执行 node_modules 中的可执行文件，避免全局安装和版本冲突的问题。执行完这个命令后，我们的代码就会被编译成可执行的 JS 代码。
enchilada 插件使用
除了基本的编译功能外，enchilada 还提供了许多功能强大的插件。在使用这些插件之前，我们需要先在项目中安装对应的 npm 包，例如，要使用 tree-shaking 插件，我们需要先安装 rollup-plugin-tree-shaking：
npm i rollup-plugin-tree-shaking --save-dev
然后在 enchilada.config.js 文件中加入以下代码来使用它：
-- -------------------- ---- -------
----- ----------- - -------------------------------------
-------------- - -
------ ---------------
------- -
----- -----------------
------- -----
--
-------- -
-------------
-
-此外，enchilada 还支持许多其他插件，例如 rollup-plugin-uglify 和 rollup-plugin-postcss 等，可以根据项目需要进行安装和使用。
总结
本文介绍了 enchilada npm 包的使用方法，包括安装、配置、编译以及插件使用等方面。通过学习 enchilada 的使用，我们可以更方便地进行前端开发，提高开发效率和代码可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77595