什么是 webpack-require-http？
Webpack-require-http 是一个 webpack 插件，可以通过 http 请求的方式加载模块，而不必像 require 一样在本地系统查找加载。
安装
使用 npm 命令进行安装：
npm install webpack-require-http --save-dev
使用方法
- 在 webpack.config.js 中添加以下配置：
-- -------------------- ---- -------
----- ------------------ - --------------------------------
-------------- - -
-- --------
-------- -
--- --------------------
-------- -
-
----- ---------------
---- --------------------------------
------------ ---- -- ------
-
-
--
-
-- --------
-上面添加的配置项中，modules 数组中可以包含多个对象，每个对象对应一种模块，其中：
test：指定该模块匹配的正则表达式；url：指定该模块所在的 URL；crossorigin：是否跨域访问该模块。
- 然后在代码中通过
require或import进行调用即可，例如：
const example = require('example.js');
example.doSomething();示例代码
下面是一个完整的示例代码，可以在代码中加载 jQuery：
-- -------------------- ---- -------
-- -----------------
----- ------------------ - --------------------------------
-------------- - -
------ -----------------
------- -
--------- ----------
----- ----------------------- -------
--
-------- -
--- --------------------
-------- -
-
----- --------------
---- --------------------------------------------------------------------
------------ ----
-
-
--
-
--
-- ------------
----- - - ---------------------
---------------------------- -
--------------------- ----------
---在上述代码中，我们指定了要加载 jQuery 的 URL，然后在 index.js 中通过 require 来加载 jQuery，并使用 jQuery 修改网页中的文字信息。
学习指导意义
相比传统的本地系统查找加载模块的方式，使用 http 请求来加载模块可以更灵活地管理模块，而且可以将模块放到任何地方，方便代码共享和部署。同时，由于该插件支持跨域访问，也方便了我们加载跨域的模块资源。
但需要注意的是，由于是通过 http 请求加载模块，因此如果我们的域名没有使用 HTTPS 协议，那么在加载模块时可能会受到网络攻击。因此，在安全性方面需要做好相关的保护工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/185507