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- ......
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 ......
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 ......
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 ......
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 ......
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 和 ......
Taurus .Net Core 微服务开源框架：Admin 插件【4-7】 - 配置管理-Mvc【Plugin-Metric 接口调用次数统计】
前言： 继上篇：Taurus .Net Core 微服务开源框架：Admin 插件【4-6】 - 配置管理-Mvc【Plugin-Doc 接口测试及文档】 本篇继续介绍下一个内容： 系统配置节点：Mvc - Plugin - Metric 接口调用次数统计： 配置界面如下： 1、Metric.IsE ......
node node-sass sass-loader版本对应问题（转）
1.查看本地node版本 node -v 具体对应版本如下图： 具体对应链接地址： node-sass 2.查看项目中package中node-sass和sass-loader是否对应node版本 3.不对应应修改成对应版本号 以下是部分版本号对应，具体可百度 sass-loader 4.1.1，n ......
前端添加配置文件——webpack打包部署后可配置
1.在public文件夹下，新建config/config.js文件 window["edmConfig"] = { loginConfig: { loginSource: "d d d", loginUrl: "a a a", service: "c c c" } } 2.在index.html中 ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
webpack(plugin 和 配置Configuration)
plugin 插件 是 webpack 的 支柱 功能。Webpack 自身也是构建于你在 webpack 配置中用到的 相同的插件系统 之上！ 插件目的在于解决 loader 无法实现的其他事。Webpack 提供很多开箱即用的 插件。 剖析 webpack 插件是一个具有 apply 方法的 J ......