如果你是一名前端开发者，一定会遇到需要引入第三方库的情况。使用 Wiredep 可以方便地自动引入第三方库，并且在后续版本更新时能够自动更新。
本文将介绍如何使用 npm 包 @killtw/laravel-elixir-wiredep 来自动引入外部依赖库。
1. 安装依赖库
在项目中安装 @killtw/laravel-elixir-wiredep。
npm install @killtw/laravel-elixir-wiredep --save-dev
2. 修改 gulpfile.js
在 gulpfile.js 文件中引入 @killtw/laravel-elixir-wiredep。
var elixir = require('laravel-elixir');
require('@killtw/laravel-elixir-wiredep');
elixir(function(mix) {
mix.wiredep();
});接下来， gulp wiredep 命令将自动在你的 HTML 文件中注入第三方库的代码，例如：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- ---------------
---- --------- ---
----- ---------------- --------------------------------------------------------------- --
---- -------- ---
---- -------- ---
------- -------------------------------------------------------------
------- ----------------------------------------------------------------------
---- -------- ---
-------
------
--------- ----------
-------
-------3. 配置选项
@killtw/laravel-elixir-wiredep 的默认选项是 gulp.src('resources/views/*.blade.php')，即自动引入 resources/views 目录下的所有 PHP 文件依赖。
你可以通过传递配置对象的方式来定制选项，例如：
elixir(function(mix) {
mix.wiredep({
src: 'public/index.html',//指定文件
exclude: ['dependency/to/exclude'],//排除某个库
ignorePath: 'public/'//忽略路径
});
});总结
通过使用 npm 包 @killtw/laravel-elixir-wiredep，我们可以方便地自动引入第三方库，从而大大节省开发时间。同时，我们也可以通过修改配置选项来进一步定制化该插件的功能。
示例代码：https://github.com/killtw/laravel-elixir-wiredep-example
欢迎调试使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc7967216659e2444cc