概述
dll.min.js 是一个常用的 npm 包，它可以帮助前端开发者在开发过程中快速引入第三方库，从而提高开发效率。本文章主要介绍如何使用 dll.min.js。
安装
安装 dll.min.js 很简单，只需要在命令行中执行以下命令即可：
npm install dll.min.js --save-dev
使用方法
1. 创建配置文件
在项目根目录下创建一个名为 dll.config.js 的文件，在该文件中配置需要加入 dll 中的依赖项，如下所示：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------
----- ------- - -
------
-------
-------------
-------
--
-------------- - -
------- -
----- ----------------------- ----------------
--------- ----------------
-------- ----------------
--
------ -
------- --------
--
-------- -
--- -------------------
----- ----------------------- ------------------------
----- -----------------
-------- ---------
--
-
--2. 执行构建
在命令行中执行以下命令：
webpack --config ./dll.config.js
执行完毕后，会在项目根目录下生成一个 vendor.dll.js 文件和一个 vendor-manifest.json 文件，这两个文件就是我们后面需要用到的。
注：有的 webpack 版本在执行上述命令之前需要全局安装 webpack 单独执行，或者直接在命令中指定路径如：./node_modules/webpack/bin/webpack.js。
3. 引入创建好的 dll 文件
在 HTML 文件中引入创建好的 dll 文件即可。在 index.html 中引入 DLL 文件并在 index.html 文件中引用 DLL 定义的变量。如果你的 DLL 文件和 index.html 文件在同样的目录下，你可以直接使用如下代码：
<body> <script src="vendor.dll.js"></script> <script src="./js/main.js"></script> </body>
4. 配置 webpack.config.js 文件
在 webpack 的配置文件中进行如下配置：
-- -------------------- ---- -------
----- ------- - -------------------
----- ---- - ----------------
----- -------------- - ----------------------------------
-------------- - -
------ -
----- ----------------
--
------- -
--------- -------------------
----- ----------------------- ----------
--
-------- -
--- ----------------------------
-------- ----------
--------- --------------
--
-
--5. 使用 dll 文件
在 JS 文件中直接使用 DLL 定义的变量即可，如下所示：
import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex);
示例代码
-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------
----- ------- - - ------ ------- ------------- ------- --
-------------- - -
------- -
----- ----------------------- ----------------
--------- ----------------
-------- ----------------
--
------ -
------- --------
--
-------- -
--- -------------------
----- ----------------------- ------------------------
----- -----------------
-------- ---------
--
-
---- -------------------- ---- -------
----- ------- - -------------------
----- ---- - ----------------
----- -------------- - ----------------------------------
-------------- - -
------ -
----- ----------------
--
------- -
--------- -------------------
----- ----------------------- ----------
--
-------- -
--- ----------------------------
-------- ----------
--------- --------------
--
-
--总结
通过使用 dll.min.js，可以在项目中快速引入常用的第三方库，提高前端项目开发效率。使用方式简单，只需要按照以上步骤操作即可在项目中使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc6967216659e2443eb