lodash lodash-es webpack es
【webpack】TypeError: Cannot read property 'tap' of undefined
前言 项目里使用webpack的代码混淆工具 webpack-obfuscator，当打包代码时，出现如下报错： TypeError: Cannot read property 'tap' of undefined 原因 项目的webpack版是4.x ，而 webpack-obfuscator 的 ......
es
POST /my_store/products/_bulk向索引中写入数据{ "index": { "_id": 1 }}{ "price" : 10, "productID" : "XHDK-A-1293-#fJ3" }{ "index": { "_id": 2 }}{ "price" : 20, ......
《前端构建工具（webpack&vite）- 李立超》笔记
1. 构建工具简介 1.1 模块化 最初我们都使用script标签来引入js，但当一个页面引入的js文件越来越多时，就产生了几个难以避免的问题： 全局变量污染。 变量重名。 js之间的依赖关系复杂，无法保证顺序。 而模块化规范就是为解决以上问题，模块内部的变量实现了在其他模块内共享。而且可以指定哪些 ......
webpack 从零开始搭建 vue-cli
🔱webpack 从零开始搭建 vue-cli🔱 1、Webpack 🐱🏍 1.1 webpack 是什么？做了啥？ Webpack 是一个模块打包工具。在开发中，它把一堆文件中每个都作为一个模块处理，找出它们间的依赖关系，并打包成待发布的静态资源。 主要做了： . 模块化 . 处理不同格 ......
webpack逆向
一、webpack大致处理流程 方式一：手动处理 先全局定义一个变量（比如aaa），用于接收加载器中的导出函数 再定义一个全局变量（比如bbb），用于接收具体模块中的加密对象或方法 补模块、环境（通过日志调试，根据报错信息去抠代码，技巧：数组索引操作可以转换为对象） 手动调用加载，使得全局定义的变量 ......
es计算评分
评分计算 bool 查询会为每个文档计算相关度评分 _score ，再将所有匹配的 must 和 should 语句的分数 _score 求和，最后除以 must 和 should 语句的总数。 must_not 语句不会影响评分；它的作用只是将不相关的文档排除。 https://www.elast ......
webpack-使用篇
1.新建项目后，安装webpack npm install webpack -D // 开发环境依赖npm install webpack -g // 全局安装 安装webpack-cli npm i webpack-cli -g // 全局安装webpack-cli 不止需要安装webpack,还 ......
系统化学习前端之JavaScript（ES6）
前言 ES6 同样是 ECMAScript 的拓展，发布于 2015年，目前多数浏览器对于部分 ES6 更新内容不支持，通常需要借助 bable 编译器编译成 ES5 或者 ECMAScript 早期版本语法去执行。 ES6 的学习推荐阮一峰老师的 ES6 教程。 ES6 ES6 是 ECMAScr ......
vue-cli/webpack4.x 打包--webpack配置--chainWebpack
webpack-chain是啥 针对Webpack的流式配置方案 webpack-chain优势 动态修改配置信息 链式调用，避免深层的嵌套配置 跨项目共享 webpack 配置对象 webpack-chain 中的核心 API 接口之一是 ChainedMap, 返回对象也都是 ChainMap， ......
vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】
1.背景 与vue2组件不一样，没有那么随意，如果想要支持vite，那么不要使用webpack专属语法，如defide 和 require 等 2.解决 在 package.json 文件 属性 main 配置为插件入口文件位置 ，至于是js还是ts随意 目录 简单做了个组件 入口文件内容如下 im ......
关于 Webpack
关于 Webpack 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们 ......
Es中处理父子关系的两种方式
Es中处理父子关系的两种方式 1.nested类型 将goods类型设置为nested 这时候就可以查到数据了。 2.join类型 在mapping中指定字段类型为join 定义父子关系属性 PUT order{ "settings": { "number_of_shards": 1, "numbe ......
Angular Generating browser application bundles (phase: setup)...An unhandled exception occurred: webpack_1.AngularWebpackPlugin is not a constructor
PS F:\WorkGitHub\angulard3tree> ng serve⠋ Generating browser application bundles (phase: setup)...An unhandled exception occurred: webpack_1.AngularWe ......
系统化学习前端之JavaScript（ES5）
系统梳理了 ES5 扩展的相关知识点，包括严格模式，this 关键字，数据属性，访问器属性以及如何保护对象等等。 ......
webpack的基本使用（八）CleanWebpackPlugin
为了打包之前把dist底下的文件先删除了先，然后再进行打包，我们使用clean-webpack-plugin 安装 配置 将构造函数放入webpackPlugin中进行 ......
k8s 安装3节点es集群<一>
vim es.yamlapiVersion: policy/v1beta1 kind: PodDisruptionBudget metadata: name: elasticsearch-pdb spec: selector: matchLabels: app: elasticsearch maxU ......
webpack基本使用（七）build命令打包
运行npm run build后 出现了dist的目录 此目录里面存放的就是要发布的代码。 我们把dist打包，发给运维就可以进行发布了。 ......
docker 安装es和ik分词 kibana安装
本文参考链接 https://blog.csdn.net/jwsl999/article/details/120196536 https://blog.csdn.net/Jjs_Object/article/details/119914241 https://blog.csdn.net/weixin ......
webpack的基本使用（六）---配置加载图片的loader
此时会报错，因为没有引入image相关的loader 安装 配置 如果图片比较小， 那么url-loader会自动给你转换为base64的图片，提升加载速度 ......
es6中如何向一个对象追加元素和值
对象操作没有push方法 let obj = {name:'张三',age:20}; obj = Object.assign(obj,{job:'工程师'}) console.log(obj);//{ name: '张三', age: 20, job: '工程师' } console.log({.. ......
webpack的基本使用（五）加载器loader
loader的概述 在实际的开发过程中，webpack默认只能打包处理一.js后缀名结尾的模块。其他非.js后缀名结尾的模块，webpack 默认处理不了。需要调用loader加载器才可以正常打包，否则会报错！ loader加载器的作用：协助webpack打包处理特定的文件模块。比如： css-lo ......
webpack的基本使用（四）---devServer
devServer 是在webpack.config.js中export中的一个元素 里面的参数有 open :true, //初次打包的时候是否打开浏览器 port : 80 ，//指定的端口号 host : 127.0.0.1 //指定运行的地址 还有其他的，待更新 ......
webpack的基本使用（三）
默认这两个文件都要有 不然的话 webpack打包的时候 是回报错的 使用npm install webpack-dev-server@3.11.2 -D 安装插件 增加serve参数 到此 我们修改index.js 可以实时刷新数据了，完美。 安装html-webpack-plugin npm i ......
ES索引字段主要属性配置
index属性 analyzed：分词后索引，可搜索。 not_analyzed：字段值不分词，以单个关键词进行索引。 no：字段不索引，当然也就不能搜索。 store属性 属性store默认false，当某个数据字段很大，我们可以指定其它字段store为true，这样就不用从_source中取数据 ......
Webpack简单使用
个人博客: http://www.milovetingting.cn Webpack简单使用 1、在项目根目录安装Webpack npm install webpack webpack-cli --save-dev 2、创建一个配置文件 webpack.config.js，用于配置 Webpack ......
代码打包的可视化数据分析图: webpack-bundle-analyzer 的使用
先看webpack-bundle-analyzer的效果图（官方效果图）： 通过使用webpack-bundle-analyzer可以看到项目各模块的大小，可以按需优化 1、先安装 npm install --save-dev webpack-bundle-analyzer 2、在webpack.c ......
ES6-ES11 ES9正则扩展-命名捕获分组
视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>正则扩展-命 ......
在webpack挂载Mock，便于开发中debug
下面这是运行起来的页面，这里可以看到API请求后的response，也可以设置status来选择命中不同的response，设置timeout让API模拟延时。 下面是添加在 package的devDependencies mock的github地址 "mock": "git+https://git ......