手动webpack loader plugin
JS常用工具：Webpack 和 JShaman分别有什么用？
Webpack和JShaman是两个不同的工具，它们的特点和用途也不同。 Webpack是一个前端资源模块打包工具，主要用于将各种静态资源（如JavaScript、CSS、图片等）视为模块，并将其打包成浏览器可以识别的代码。Webpack的特点包括： 1. 模块化：Webpack将各种资源视为模块， ......
安装npm install报错npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/webpack-subresource-integrity failed, reason
执行命令：npm run dev 启动前端项目报如下错误，vue-cli-service是Vue一个启动的插件，需要安装 D:\nodejs\npm.cmd run dev > yuntan1hao@2.0.0 dev > vue-cli-service serve --open 'vue-cli- ......
Redis 哨兵启动 以及 手动切换节点
服务启动 ./redis-server ../redis.conf 哨兵启动 ./redis-sentinel ../sentinel.conf查看当前服务是否是主节点（先登录到redis）INFO replication 要将从节点切换为主节点，您可以执行以下步骤： 首先，确保从节点已成功连接到主 ......
GIS融合之路（一）技术选型CesiumJS/loaders.gl/iTowns
大家好，我是山海鲸的技术负责人。今天来和大家分享一下山海鲸可视化在数字孪生系统当中对GIS系统的整合之路，大家可以移步视频教程中看一下目前的整合效果。 【山海鲸可视化GIS系统】第六课 GIS与数字孪生_哔哩哔哩 熟悉山海鲸的朋友应该知道，山海鲸可视化在3.0之后，在软件内部整合了一个3D场景编辑组 ......
ERROR 2059 (HY000): Authentication plugin 'caching_sha2_password'
mysql> set global validate_password.length = 6; mysql> set global validate_password.policy = LOW; # 授权所有主机都可以通过root用户，密码123456，进行访问数据库# 123456：给新增权限用户 ......
One Dynamics One Platform - Dataverse C# Plugin for Dynamics 365 F&O
Hello the Community, back from the D365 FO Summit 2023 in Lisboa, after 3 years it was really good to meet in-person again after Covid ! Thanks all th ......
k8s集群手动更换证书过程
第一步部分老的证书 1. 生成etcd证书，更换etcd证书，重启etcd服务。2. 替换/etc/calico的证书为etcd的证书重启calico-node服务。3. 更换calico的pod的证书为新生成的calico-node和calico-kube-controllers.4. 更换k8s ......
SQL Pretty Printer for SSMS : Format plugin
When writing SQL statements or scripts, I saw that the messy format was too big, so I was determined to find a tool for formatting SQL statements. The ......
【MITK框架】如何创建插件Plugin
以创建org.mitk.example.gui.xxxxx为例 1、修改D:\0_MITK\MITK\Examples\Plugins\PluginList.cmake 添加org.mitk.example.gui.xxxxx:ON set(MITK_EXAMPLE_PLUGINS org.mitk ......
vue报错：Module parse failed: Unexpected token (5:2) You may need an appropriate loader to handle this file type.
报错信息： ERROR Failed to compile with 1 errors 10:09:02 error in ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2) Y ......
PHP Composer依赖包vendor手动导入
第一步：将下载的依赖包放到vendor目录下 将下载的依赖包梵高 vendor目录下 第二步：修改 autoload_psr4.php 文件 文件位置位于：vendor/composer/autoload_psr4.php 将自己的依赖包填写上去，如下： 假设加载的命名空间为：AlibabaClou ......
webpack优化，用lodash-es代替lodash
lodash为了良好的浏览器兼容性, 它使用了旧版es5的模块语法; 而lodash-es则使用了es6的模块语法, 这让webpack之类的打包工具可以对其进行tree shake以删除未使用的代码来优化打包尺寸. 下面的代码直接从lodash中引入trimStart方法 import { tri ......
webpack指南（代码分离）
代码分离 常用的代码分离方法有三种： 入口起点：使用 entry 配置手动地分离代码。 防止重复：使用 入口依赖 或者 SplitChunksPlugin 去重和分离 chunk 动态导入：通过模块的内联函数调用分离代码。 入口起点 project webpack-demo |- package.j ......
mac catalina 手动安装openssl@3
mac catalina 通过homebrew 安装 openssl 失败，被嫌弃系统太老，make test 测试不通过 I manually installed openssl@3 with the following commands Download the latest version f ......
vue&webpack - vue2版本webpack脚手架配置梳理
vue&webpack - vue2版本webpack脚手架配置梳理 资源链接 Vue CLI webpack webpack5 和 webpack4 的区别 webpack Webpack 4 于 2018 年 2 月发布。 （2020-10-10）webpack 5.0.0 发布 VUE CLI ......
node node-sass sass-loader版本兼容问题
相关概念 sass Sass是一种预处理器脚本语言，可以解释或编译成层叠样式表（CSS）。 Sass包含两种语法：较旧的语法使用缩进将代码块和换行符分隔为单独的规则；较新的语法SCSS使用像CSS这样的块格式。它使用大括号来表示代码块和分号来分隔块中的行。 缩进语法和SCSS文件传统上分别给出扩展名 ......
babel-loader单独处理node_modules中某个库
项目中使用vue-contextmenujs库时，打包报错如下 依赖包含es6语法，UglifyJs不识别，需要babel-loader处理，打包配置如下 ......
webpack指南（管理输出、开发环境）
管理输出 随着应用程序的不断增长，开始 使用哈希值进行文件命名 并输出 多个 bundle 预先准备 project webpack-demo |- package.json |- package-lock.json |- webpack.config.js |- /dist |- /src |- ......
接口测试【1】测试开源系列之Insomnia，一个支持plugin的API测试工具
引言 说到API测试工具，大家首先想起的肯定是Postman。其实业界的API测试工具非常多，但是当年Postman作为免费的API工具，其易用性和免费性得到了广大用户的喜欢。但是随着其商业化进程的推进，它已经逐步的在削弱其免费功能，比如最近Postman官方博客就发布了要取消离线免费的功能Scra ......
Python手动实现k-means
import numpy as np import matplotlib.pyplot as plt def kmeans(data, cluster_num, method='mean'): points = np.array(data) labels = [] random_idx = [] w ......
webpack指南（起步）
起步 mkdir webpack-demo cd webpack-demo npm init -y // 生成一个package.json npm install webpack webpack-cli --save-dev // 安装webpack、webpack-cli ......
自定义md-loader来简单高效的维护组件文档
个人觉得，组件库最难的不是开发，而是使用，怎么才能让组内同事都用起来，这才是关键 背景 虽然现在开源的组件库很多，但每个项目里还是或多或少都会有人封装出一些项目内通用的基础组件、业务组件 我参与过多个项目，几乎每个项目都会存在这么一种现象：重复造轮子 同一个用途的组件被不同人多次实现，导致后续维护的 ......
用Maven Protocol Buffers Plugin自动根据工程下的proto文件编译
1 <build> 2 <plugins> 3 <plugin> 4 <groupId>com.github.os72</groupId> 5 <artifactId>protoc-jar-maven-plugin</artifactId> 6 <version>3.11.1</version> < ......
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......
Vite + ESBuild error: No loader is configured for ".node" files: node_modules/fsevents/fsevents.node
Vite + ESBuild error: No loader is configured for ".node" files: node_modules/fsevents/fsevents.node Add fsevents to your optimizeDeps exclude in your ......
Taurus .Net Core 微服务开源框架：Admin 插件【4-8】 - 配置管理-Mvc【Plugin-Limit 接口访问限制、IP限制、Ack限制】
本篇主要介绍Taurus.Mvc 微服务框架的配置项：系统配置节点：Mvc - Plugin - Limit 接口访问限制、IP限制、Ack限制的相关内容。 ......
kubectl plugins
kubectx kubectx is a tool to switch between contexts (clusters) on kubectl faster. Install with choco choco install kubectx github: https://github.com ......
webpack概念（模块热替换HMR hot module replacement ）
（？？？后续需要再过一遍） 模块热替换(HMR - hot module replacement)功能会在应用程序运行过程中，替换、添加或删除 模块，而无需重新加载整个页面。主要是通过以下几种方式，来显著加快开发速度： 保留在完全重新加载页面期间丢失的应用程序状态。 只更新变更内容，以节省宝贵的开发 ......
webpack概念（依赖图、target、manifest）
依赖图(dependency graph) 依赖的东西可以是代码，也可以是非代码（images和web字体） 从 入口 开始，webpack 会递归的构建一个 依赖关系图，这个依赖图包含着应用程序中所需的每个模块，然后将所有模块打包为少量的 bundle —— 通常只有一个 —— 可由浏览器加载。 ......
webpack（模块modules 和 模块解析）
模块（Modules） 每个模块都具备了条理清晰的设计和明确的目的 何为 webpack 模块 与 Node.js 模块相比，webpack 模块能以各种方式表达它们的依赖关系。下面是一些示例： ES2015 import 语句 CommonJS require() 语句 AMD define 和 ......