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

最新推荐文章于 2022-01-03 12:55:16 发布
最新推荐文章于 2022-01-03 12:55:16 发布
阅读量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 配置
最新发布
weixin_44832362的博客
11-21 684
corejs处理，在项目根目录下的 babel.config.js 文件配置。webpack.config.js文件。babel.config.js文件。记录学习 webpack 的过程。.eslintrc.js 文件。
Webpack基本配置
qq_41580536的博客
11-13 1592
Webpack webpack的五个核心概念: entry,入口配置,设定webpack以那个文件为入口起点开始打包,分析构建内部依赖图 output,输出配置,设定打包后的资源bundles输出位置以及命名 loader,处理非js文件,webpack只识别js和json文件,因此需要loader将非js文件翻译解析 plugins,执行范围更广的任务,功能扩展,功能强化 mode,分为两种: development,开发模式,设置代码本地调试运行的环境 production,生产模式,设置代码优化
webpack中，require的五种用法
weixin_33892359的博客
08-02 290
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 943
文本server.js中有如下代码： var http=require('http'); http.createServer(function(request,response){ response.writeHead(200,{'Content-Type':'text/plain'}); response.end("HelloWorld"); }).listen(8888); ...
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和发行中的相应分支。 版本 分支 固定 网页包 支持终止...
前端知识体系3：【webpack+http】
weixin_39818813的博客
01-03 146
6. webpack 9.1. webpack的4要点（entry、output、loader、plugins） 【网易】 详情> 9.2 webpack loader 和 plugin 的区别 9.2 webpack import 打包后的结果是怎样的？ 【字节】 import经过webpack打包以后变成一些Map对象，key为模块路径，value为模块的可执行函数； 代码加载到浏览器以后从入口模块开始执行，其中执行的过程中，最重要的就是webpack定义的__webpack_require
require的用法
热门推荐
NeXTSTEP110的博客
09-01 5万+
require最常用的方法require(‘http’) 内置模块require(‘./server’) “./”表示当前路径，后面跟的是相对路径require(“../lib/server”) ../表示上一级目录，后面跟的也是相对路径server.jsvar http = require('http'); function start(){ server = http.create
Node.js中的HTTP模块
天空之外
03-27 407
内置HTTP模块 Node.js中有HTTP这个一个内置模块，它允许Node.js通过超文本传输协议（HTTP）传输数据。 要用到HTTP模块，可以使用require()方法： var http = require('http'); 简单服务器的创建 Node.js中的HTTP模块可以创建一个HTTP服务器，该服务器侦听服务器端口并将响应返回给客户端。 使用createServer()方法创建H...
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
webpack知识，在html里通过webpack使用commonJS规范，可以require各种包
kingov
06-18 7011
在HTML页面的JavaScript里使用commonJS规范，比如引入包的时候可以像写node.js代码那样require("包");
Vue --（vue-cli脚手架）webpack配置文件详细分析
凉凉的博客
04-16 2162
1、脚手架版本 vue-cli 2.8.1 2、配置文件 package.json 功能：在 package.json 中，可以找到开发和生产环境的入口 "scripts": { "dev": "node build/dev-server.js", // 开发环境入口 "build": "node b
使用node http模块和request模块请求无响应
qq_22143251的博客
05-05 2731
使用node http模块和require模块请求无响应 node环境 node版本：0.10.34 问题描述： 给app应用接第三方登陆付费SDK时，登陆验证的时候使用post请求，请求无响应，无报错，回调接口没有调用。但是对方接收到了请求，也成功返回了数据。 注：仅仅请求该渠道接口才会无响应，其他渠道均正常。 请求代码如下： var h...
webpack - require 概要
weixin_30329623的博客
07-21 243
webpack 是一个预编译模块打包工具，它只会对使用到的模块进行打包。 一个模块是否被使用？可以根据该模块是否被 require 来判断。如果require时指定的是具体的模块名称与正确的路径，那么 webpack 便可以在编译打包时正确的引用到该模块。 require('tools'); //preset alias tools require('./js/main'); 如果 requir...
webpack-require-http
04-29
这个模块我并不熟悉，但是根据模块名来猜测，它可能是一个 webpack 的 loader 或者 plugin，用于在打包过程中将 HTTP 请求转换为本地资源引用。 这种做法可能会有一定的优化效果，因为本地资源的加载速度通常比网络...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值