webpack loader plugin
electron+vite,配置：vite-plugin-electron
1、创建vite项目，安装electron，electron从23开始不支持win7，win8.1所以我用最后一个版本 pnpm create vite pnpm ADD -D electron@22.3.27 pnpm i vite-plugin-electron -D 2、创建electron的 ......
Taurus .Net Core 微服务开源框架：Admin 插件【4-4】 - 配置管理-Mvc【Plugin-CORS 跨域】
前言： 继上篇：Taurus .Net Core 微服务开源框架：Admin 插件【4-3】 - 配置管理 - Mvc【Plugin-MicroService 微服务】 本篇继续介绍下一个内容： 系统配置节点：Mvc - Plugin - CORS 跨域界面： 界面如下： 跨域功能相关配置说明如下： ......
vue 需要的loader
vue-loader vue-loader是一个加载器，它能够将.vue文件转换为JavaScript模块。因为.vue文件可以包含template、style和script三种类型的代码，vue-loader需要将它们分别处理。然后将它们组合在一起，生成一个JavaScript模块。 在Vue项目 ......
使用 Vue 3 插件（Plugin）实现 OIDC 登录和修改密码（OIDC 系统以 Keycloak 为例）
背景 目前单位系统常用 Keycloak 作为认证系统后端，而前端之前写的也比较随意，这次用 Vue 3 插件以及 Ref 响应式来编写这个模块。另外，这个可能是全网唯一使用 keycloak 的 OIDC 原生更新密码流的介绍代码。 设计 依赖库选择 OIDC 客户端，这里选择 oidc-clie ......
ast 扣取webpack
学了ast 都会自己写扣webpack脚本是吧！！ 所以我也写了一份 let fs = require("fs"); let types = require("@babel/types"); let traverse = require("@babel/traverse").default; let ......
Failed to load plugin '@typescript-eslint' declared in '.eslintrc.cjs
项目配置依赖： vue3.3.4 + vite4.4.11 + eslint8.46.0 报错信息 Failed to load plugin '@typescript-eslint' declared in '.eslintrc.cjs » @vue/eslint-config-typescrip ......
webpack4_CodeSplit——optimization.splitchunks
目录代码文档树webpack.config.js通过修改entry来达到分割打包文件的目的通过optimization.splitChunks来分离大文件以及重复文件修改entry为单文件，在test.js文件中引入jquery配置optimization.splitchunks多入口情况下的多份大 ......
mysql登录报错ERROR 1045 (28000): Plugin caching_sha2_password could not be loaded
现象：某主机远程登录数据库出现如下报错 [xxxx01 ~]$ mysql -h 10.1.254.139 -u root -p Enter password: ERROR 1045 (28000): Plugin caching_sha2_password could not be loaded: ......
webpack的splitChunks和cacheGroups
splitChunks 的 chunks 用途说明 chunks: "all", // 必须三选一： "initial"(同步包) | "all"(推荐，同步或异步包) | "async" (默认就是async，异步包) chunks 指的是 分离包的作用范围 initial 则只分离初始包，例如 ......
fetchMetadata: sill resolveWithNewModule raw-loader@0.5.1 checking installable status
在使用vue-element-admin，npm安装时一直卡在这里报错 换源，跟换安装方式都不能解决。 最后找到问题，这个是由于安装tui-editor时报错，解决的办法是删掉package.json的tui-editor配置项，之后再次安装 大家可以查下tui-editor是干什么用的，不需要就直 ......
30-Vue脚手架-plugin插件
plugin插件 功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 src/plugins.js（定义插件） // 定义插件(默认暴露) export default { install(Vue){ conso ......
为什么vite-mock-plugin打包后控制台-网络中看不到请求？
在使用 Vite 构建的项目中，如果你使用 vite-plugin-mock 插件来模拟请求，在打包后的生产环境中，默认情况下是不会在控制台看到请求的输出的。这是因为在生产环境中，模拟服务器已经被编译为静态的 JSON 数据，而不是真正的运行时服务器。 如果你希望在生产环境中查看模拟请求的输出，可以 ......
小谢第73问：webpack版本不对
最近使用webpack打包遇到一个问题：删除已有的node-modldue，再次安装， 提示webpack版本不一致， 明明我什么也没动过啊，更换node版本、使用cnpm、yarn安装 依然报错，最后经过查找 原来是packjson和packjson.lock里面的webpack版本不一致造成的， ......
继续学习webpack+react路由+页面刷新404+nginx部署404+webpack魔法注释
继续学习 webpack 继续我们上一次的操作之后，我们已经可以实现从零到亿自定义运行打包一个 webpack 项目了，接下来我们继续更深层级接触他 我们上次使用的自动清理打包文件的插件在我们 webpack5.*之后呢，可以直接进行配置不需要引入插件，只需要在 wenpack.pro.config ......
React项目中webpack的配置过程
初始化一个web项目 使用npm init -y 初始化一个项目 在项目目录下创建src, dist文件夹，创建webpack.config.js配置文件 然后在src文件夹下创建index.js, index.html文件 然后安装依赖包 npm i jquery -S 安装jQuery包 npm ......
Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources
Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources 一、问题背景 在 SpringBoot 工程编译过程中，出现报错信息：“Failed to execute goal org. ......
Eclipse plugin.xml简写command
<?xml version="1.0" encoding="UTF-8"?> <?eclipse version="3.4"?> <plugin> <extension point="org.eclipse.ui.commands"> <command name="车间质量问责分析处理报告" id= ......
模块化打包工具-Webpack插件与其他功能
1.Webpack插件机制 上一篇提到的webpack的loader可以用来加载资源，包括各种css，图片文件资源，实现打包文件的功能，而webpack的插件则起到了加强webpack的作用，可以完成一些自动化的工作，比如自动清楚dist目录，自动生成html等等工作。有了插件的webpack基本可 ......
Plugin 'org.springframework.boot:spring-boot-maven-plugin:' not found
Plugin 'org.springframework.boot:spring-boot-maven-plugin:' not found 一、问题现象 pom.xml 文件中有报红的错误提示，“Plugin 'org.springframework.boot:spring-boot-maven-p ......
react 公司项目学习 【react+webpack+nw.js + mobx+react-intl 实现的多页面多语言windows桌面端exe】
这几天突然要来个react项目；听说还比较复杂；项目组内就两个人会react还在忙，整组主要是用vue；这不，这种‘狗都不干’的事，被安排到我身上了，那就学吧； 一、研究代码结构 不得不说，这目录结构搞得有点复杂，算是我接触中除了乾坤和electron之外，相当复杂的了，慢慢阅读吧； 看懂了，原来是 ......
webpack学习从零到亿过程
webpack 学习从零到亿过程 我想初始化一个 node 项目 npm init 安装 webpack 包 npm install webpack webpack-cli --save-dev 写 webpack 配置文件 config/webpack.dev.config.js 安装了 path ......
编写Vite自定义plugin
Vite插件依赖于Rollup，遵循Rollup规则 每次在其他文件中调用`import ... from ...` 便会执行该插件 最终将该`import`得到的数据转化为自定义插件load()返回的数据 必须定义plugin name 编写resolveId(id)：用于解析import文件、模 ......
webpack
一 基础概念 Webpack 是什么？ 答：现代javascript构建工具，静态资源打包工具 什么叫构建 ？ 构建就是把我们在开发环境写的代码，转换成生产环境的代码。构建过程应该包括 预编译、语法检查、词法检查、依赖处理、文件合并、文件压缩、单元测试、版本管理等 Vite 利用 浏览器 支持ES ......
webpack模块打包工具
yarn包管理器 快速、可靠、安全的依赖管理工具。和 npm 类似, 都是包管理工具, 可以用于下载包, 就是比npm快 中文官网地址: https://yarn.bootcss.com/ 下载yarn 下载地址: https://yarn.bootcss.com/docs/install/#win ......
问题：vue-cli failed to download repo vuejs-templates/webpack：connect etimedout连接超时，怎么解决
https://github.com/vuejs-templates/webpack 下载之后，解压到本地用户目录下的.vue-templates目录下。 vue init webpack my-login-library 命令的时候，需要带上参数--offline表示离线初始化 ......
02webpack之常用配置
1 webpack之配置css样式资源 1.1 下载安装项目依赖 # style-loader：创建style标签，将js中的样式资源插入进行，添加到head中生效 # css-loader：将css文件变成commonjs模块加载js中，里面内容是样式字符串 npm i style-loader ......
03webpack之常用loader转换器
1 简介 loader 用于对模块的源代码进行转换 loader 可以使你在 import 或"加载"模块时预处理文件 因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法 loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaS ......
00webpack之前期准备
1 环境准备 1.1 安装git(可选) Git官网下载地址 Git安装步骤 1.2 安装node Node官网下载地址 安装完成后，查看node版本 node -v npm是随同node一起安装的包管理工具，安装完node以后，就可以直接使用了 安装淘宝镜像：使用cnpm 命令(可选) npm i ......
01webpack基础知识
1 概述 1.1 什么是 webpack 1、 webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在webpack看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应 ......
This dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxe.js
今天按照往常一样安装依赖、运行后报了如下错误： ERROR Failed to compile with 1 errors This dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxe.js To inst ......