关于webpack-require-http按需加载的使用

最新推荐文章于 2022-11-15 15:26:22 发布
最新推荐文章于 2022-11-15 15:26:22 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42930684/article/details/103417678
版权

看到网上CSDN里的那些复制来复制去的代码，是真的烦，不知道稍微看看官方文档吗 ？ 一眼看过去都是设置定时器 为啥要设置1500ms的定时器，如果网络不好1.5s还没加载出来呢？那不是map对象还是找不到吗？
坑了我一万年。在此我写下我的代码吧。
按照常规 需要引入webpack-require-http
1.先下载webpack-require-http, 下载方法就不说了，在build/webpack.bace.conf.js里：如下配置，
在这里插入图片描述
2使用方法：不知为啥网上都要设置1500ms的定时器 我也是服了，1500ms的定时器你觉得好吗？如果网络原因1.5秒没加载成功呢？猪脑子。更有甚者复制来复制去的，没有前端的基本知识吗？官方文档里写的很明白了。 意思很明显了是 你可以使用Promise方法等待资源加载完成。
在这里插入图片描述
我的代码是这样写的
在这里插入图片描述
然而我在网上都是看到的事下面这样的为啥要1.5秒的定时器 ，谁告诉你的？？？？
在这里插入图片描述

苗雪松
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js代码-var http = require('http'); http.createServer(function (request, response) { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain response.writeHead(200, {'Content-Type': 'text/plain'}); // 发送响应数据 "Hello World"
07-16
js代码-var http = require('http'); http.createServer(function (request, response) { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain response.writeHead(200, {'Content-Type': 'text/plain'}); // 发送响应数据 "Hello World" response.end('Hello World\n'); }).listen(8888); // 终端打印如下信息 console.log('Server running at http://127.0.0.1:8888/');
Webpack基本配置
qq_41580536的博客
11-13 1588
Webpack webpack的五个核心概念: entry,入口配置,设定webpack以那个文件为入口起点开始打包,分析构建内部依赖图 output,输出配置,设定打包后的资源bundles输出位置以及命名 loader,处理非js文件,webpack只识别js和json文件,因此需要loader将非js文件翻译解析 plugins,执行范围更广的任务,功能扩展,功能强化 mode,分为两种: development,开发模式,设置代码本地调试运行的环境 production,生产模式,设置代码优化
webpack中，require的五种用法
weixin_33892359的博客
08-02 287
a.js: module.exports = function(x){ console.log(x); } 一，commonjs同步： var b = require('./a');b('你好')//你好 二，commonjs异步加载： 根据require.ensure([预加载模块项]，fn,文件名称)语法，webpack实现了它，作...
nodejs require 'http'报错
qq_36179561的博客
10-21 940
文本server.js中有如下代码： var http=require('http'); http.createServer(function(request,response){ response.writeHead(200,{'Content-Type':'text/plain'}); response.end("HelloWorld"); }).listen(8888); ...
如何使用http模块
weixin_66059613的博客
11-15 1711
如何使用http模块
webpack-require-from：Webpack插件，允许配置路径或URL来获取动态导入
02-06
当您的主捆绑包在浏览器中运行时，“按需”获取模块。 Webpack从静态URL加载模块（块），该URL由的config.output.publicPath确定。 有时您需要在运行时控制此模块（块）URL，例如： 块托管在CDN上不同的环境使用...
webpack-使用webpack-dev-middleware.rar
04-12
Webpack 是一个流行的模块打包工具，常用于前端开发，它能够将 JavaScript、CSS、图片等静态资源打包成优化过的单一或多个文件，以便于在浏览器中高效加载和运行。`webpack-dev-middleware` 是 Webpack 提供的一个...
esbuild-plugin-webpack-bridge:允许将webpack加载程序与esbuild一起使用
05-01
一个允许将webpack加载程序与一起使用的插件。 基本原理 当前用于esbuild的插件集还不足以进行生产开发，但是webpack社区已经拥有开发人员可能想要的一切。 那么为什么不使用它呢？ 安装 npm install --save-dev ...
webpack-dev-middleware：用于webpack的开发中间件
02-06
与捆绑包一起使用的快速开发中间件，可用于服务从Webpack发出的文件。 这应该仅用于开发。 使用此中间件的一些好处包括： 没有文件写入磁盘，而是处理内存中的文件 如果文件以监视模式更改，则中间件将延迟请求，...
fastify-webpack-hmr:Webpack Hot Module重新加载以进行Fastify
04-29
fastify-webpack-hmr 受插件的启发。 它在设置了和 。 安装 $ npm i --save-dev fastify-webpack-hmr 版本号 该插件支持以下Fastify和Webpack版本。 请参考PR和发行中的相应分支。 版本 分支 固定 网页包 支持终止...
关于Node中http请求及端口问题
weixin_44022586的博客
04-26 1807
标题关于Node中http请求及端口问题 1.var http = require(‘http’)//加载http核心模块 2.使用http.createServe()方法创建web服务器,返回一个serve实例， ​ var serve=http.createServer(); 3.serve.on(‘request’,function(request,response){ ​ co...
webpack解惑：require的五种用法
aigenglong0649的博客
10-12 971
我之前在《前端搭环境之从入门到放弃》这篇文章中吐槽过，webpack中可以写commonjs格式的require同步语法，可以写AMD格式的require回调语法，还有一个require.ensure，以及webpack自己定义的require.include，再加上ES6的import语法，这么多岂不是会把人给搞乱。本篇就来梳理一下这些require各自的特点，以及都在什么场景下使用...
webpack----------require 几种常见用法
江木
01-25 596
webpack中可以写commonjs格式的require同步语法，可以写AMD格式的require回调语法，还有一个require.ensure，以及webpack自己定义的require.include，再加上ES6的import语法。本篇就来梳理一下这些require各自的特点。 commonjs同步语法 经典的commonjs同步语法如下： var a = require('./a...
Webpack-源码一，使用require加载并打包模块
柒青衿的博客
03-06 1万+
最近有同学致力于写一个脚手架工具，在研究webpack源码，问了我几个问题，然而我完全不能解答。于是开始研究webpack。 webpack做的事情主要是实现前端模块化（即：让前端也可以像node端一样适用require方法加载模块）和借助插件实现编译、热加载等功能。webpack源码系列第一部分，就分享最简单的内容——如何使用require方法加载模块并打包。__webpack_require__
vue按需加载组件-webpack require.ensure
热门推荐
山水子农
07-28 4万+
webpack中的require.ensure()可以实现按需加载资源包括js,css等，它会给里面require的文件单独打包，不和主文件打包在一起，webpack会自动配置名字，
vue项目优化之按需加载组件-使用webpack require.ensure
砖在路
03-11 3万+
使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build  会将所有的js代码打包为一个整体, 打包位置是 dist/static/js/app.[contenthash].js    类似下面的路由代码  router/index.js  路由相关信息,该路由文件引入了多个 .vue组件 import Hello from '@/compon
实战：Webpack 的 require 动态变量
White feathe 的博客
11-09 1万+
1、问题描述：完全使用变量 let test = './less/Test.css' require(test); //报错 Uncaught Error: Cannot find module "."let test2 = 'Test' require("./less/"+test2 + ".css"); //报错 Uncaught Error: Cannot find module "./le
Node中http模块详解（服务端篇）
woshinannan的专栏
05-10 3万+
Node中的HttpNode中提供了http模块，其中封装了高效的http服务器和http客户端 http.server是一个基于事件的HTTP服务器，内部是由c++实现的，接口由JavaScript封装 http.request是一个HTTP客户端工具。用户向服务器发送数据。 下面就来分别得介绍一下http的服务端和客户端一、HTTP服务器http.Server实现的，它提供了一套封装级别很
react-native：require含义
吴蕴强的博客
01-30 2875
当遇到 require(X) 时，按下面的顺序处理。  （1）如果 X 是内置模块（比如 require(‘http’）)  　　a. 返回该模块。  　　b. 不再继续执行。  （2）如果 X 以 “./” 或者 “/” 或者 “../” 开头  a. 根据 X 所在的父模块，确定 X 的绝对路径。  b. 将 X 当成文件，依次查找下面文件，只要其中有一个存在，就返回该文件，不再继
webpack-require-http
最新发布
04-29
这个模块我并不熟悉，但是根据模块名来猜测，它可能是一个 webpack 的 loader 或者 plugin，用于在打包过程中将 HTTP 请求转换为本地资源引用。 这种做法可能会有一定的优化效果，因为本地资源的加载速度通常比网络资源快，但是也有一些限制和风险，例如需要保证本地资源的版本一致性，需要考虑缓存策略，需要处理一些跨域问题等等。如果你需要使用这个模块，建议先仔细阅读它的文档并进行充分的测试和验证。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值