webpack loader plugin
使用 Webpack 的 require.context 来获取组件
代码 const requireComponent = require.context( '@/views', // 组件文件夹的相对路径 true, // 是否查找子文件夹 /\.vue$/ // 匹配组件文件的正则表达式 ) 输出 console.log(requireComponent.key ......
webpack配置删除console
1.删除所有的console.log vue.config.js: module.exports = defineConfig({ configureWebpack: (config) => { // 删除console config.optimization.minimizer[0].option ......
webpack5_webpack多静态html项目打包
const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-pl ......
Mysql 8.0 Navicat连接Mysql报错Authentication plugin ‘caching_sha2_password‘ cannot be loaded
1、终端登陆MySQL$ mysql -u root -ppassword #登入mysql 2、修改账户密码加密规则并更新用户密码ALTER USER 'root'@'localhost' IDENTIFIED BY '123456' PASSWORD EXPIRE NEVER; #修改加密规则A ......
idea报错：Failed to execute goal org.codehaus.mojo:exec-maven-plugin:3.0.0:exec (default-cli) on
idea版本：2020.3idea 报错：在查阅了资料以后发现是IDEA2020的兼容问题 Failed to execute goal org.codehaus.mojo:exec-maven-plugin:3.0.0:exec (default-cli) on project s ......
swc plugin hello world
照搬官网案例，实现 swc 插件的 hello world 准备工作 安装 rust 准备一个空目录（e.g. swc-demo），执行 pnpm init 初始化 安装 @swc/cli @swc/core，pnpm i -D @swc/cli @swc/core 此时就可以测试一下 swc 了， ......
Jmeter之plugins插件安装
1.下载配置 下载插件JMeter Plugins Manager：https://jmeter-plugins.org/wiki/PluginsManager/ 下载JAR包并放至apache-jmeter-5.4.1\lib\ext路径下： 2.PluginsManager查看已安装或可安装的插 ......
QT在debug环境下的异常报错 This application failed to start because no Qt platform plugin could be initialized. Reinstalling the application may fix this problem.
查看错误信息：试试Release 检查 控制台 (/SUBSYSTEM:CONSOLE) 输入错误信息,修改全部报错信息后再试试Debug模式可不可以运行。 方案一:高级系统设置-环境变量- QT_QPA_PLATFORM_PLUGIN_PATH C:\Qt\Qt5.12.12\5.12.12\ms ......
Cannot find module ‘node:module‘ & "plugins" is not allowed 的解决办法
在写demo时，装了下t-design-vue2的框架，想做个按需加载，官网这样说 但是我运行以后发现报错了 Error: Cannot find module 'node:module' Require stack: - D:\ruanjian\nvm\v19.0.0\xiangmu\niu789 ......
webpack - 构建支持TypeScript的React应用
1. 初始化package.json 创建项目文件夹 mkdir webpack-react-ts cd webpack-react-ts 初始化项目package.json yarn init -y { "name": "webpack-react-ts", "version": "1.0.0", ......
webpack打包丢失样式的问题
背景 在我部署好代码后，另一个同事就去访问页面查看，结果发现样式有问题，问我是不是代码没更新到？ 我反复去看了下时间和文件，证明代码是最新的了。 但后来对比了下页面和本地的样式，发现确实跟本地代码对不上。 分析过程 一开始还以为是部署的代码有问题，就到服务器查看，确实是丢失了样式。 然后再对比本地打 ......
Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError
问题描述 在webpack的时候报错 ERROR in ./packages/theme-chalk/mixins/mixins.scss (./node_modules/css-loader/dist/cjs.js!./packages/theme-chalk/mixins/mixins.scss ......
Webpack5 基础使用笔记
[webpack中文文档](概念 | webpack 中文文档 | webpack中文文档 | webpack中文网 (webpackjs.com))： 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或 ......
this.getOptions is not a function at Object.loader
问题描述 VuePress使用有样式的组件时报错 this.getOptions is not a function at Object.loader 原因分析 是这个导致的 <style lang="scss"> 你的依赖反应不了它就会报错 解决方案 需要安装sass-loader style-l ......
使用maven-compiler-plugin打包lombok代码出错
错误信息 无法识别lombok生成的方法 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.10.1:compile (default-compile) on project lifeonl ......
webpack - plugins
(1). 插件的作用用于bundle文件的优化资源管理和环境变量注入作用于整个构建过程可以理解为：loader做不了的,给plugins来完成.(2). 常用的plugin:CommonsChunkPlugin：将chunk相同的模块代码提取成公共js,如引入同一个js文件CleanWebpackP ......
模块化打包工具-初识Webpack
打包工具解决的是前端整体的模块化，不只是局限于js的模块化，打包工具需要完成的功能有：1.模块打包：完成多个模块的打包，将多个模块的js文件打包到一个js里面。2.loader转换： 以webpack为例，可以使用loader完成格式的转换，改善兼容性问题。 3.代码拆分：可以拆分不同模块的代码，没... ......
Webpack报错Error: error:0308010C:digital envelope routines::unsupported处理
在学习组件库流程 打包的时候报错找不到module，后来改了版本又报错 Error: error:0308010C:digital envelope routines::unsupported 报错原因：node17+版本对发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加 ......
解决mysql连接的时候报Authentication plugin 'caching_sha2_password' cannot be loaded:错误
错误:使用Navicat Premium 12链接mysql的时候报Authentication plugin 'caching_sha2_password' cannot be loaded:xxxxx啥的错误 原因:mysql8之前的加密规则是mysql_native_password执行本地身 ......
SQL Server Veeam Plugin
Veeam 备份与恢复产品相比竞争对手提供了简单容易使用的用户界面以及较全面的生态支持，对于sql server 数据库提供了应用感知的事务一致性服务器整机备份，对于没有dba 的组织，这极大简化了sql server 数据库备份与恢复工作，相比竞争对手是一大优势。 自Veeam 12 版本开始，准 ......
loader编写小记
此项目在一些大佬的基础上进行了修改，或许能提供一些思路。还在学习中很菜很菜，不足之处还请师傅们多多指点🤝 tips 对shellcode使用AES + Base85加密后以txt保存在远端供下载。 针对url和解密的密钥进行了加密，这两个参数是替换的，只有在使用时才会解密。 替换字节数组可能会有问 ......
SAP HANA Veeam Plugin
Veeam Backup and Replication 提供SAP HANA Backint 接口，相比HANA 基于文件的备份，提高了安全性和可管理性，符合最佳实践标准。 1、在Veeam Backup and Replication ISO 文件中找到sap hana veeam plugin ......
解决：sass-loader@6.0.6 requires a peer of node-sass@^4.0.0 but none is installed. You must install peer dependencies yourself.
参考：https://blog.csdn.net/hancoder/article/details/113821646 去https://github.com/sass/npnode-sass 或者 https://github.com/sass/node-sass/releases 都可以看到no ......
javascript: The Best Guided Tour Plugin
Best Tour Plugins To Guide Visitors Through Your Apphttps://yonkov.github.io/post/display-shepherd-only-once/https://www.jqueryscript.net/blog/best-gu ......
用 Webpack 优化网站的技术
代码分割 代码分割是一种将代码分成更小、更易于管理的块的技术，这些块可以按需加载。这可以通过减少用户访问您的网站时需要加载的代码量来帮助提高网站性能。 要在 Webpack 中使用代码分割，可以使用 splitChunks 配置选项。此选项允许您指定应将哪些模块拆分为单独的块。您还可以使用动态导入按 ......
自动扣取webpack通杀方法
1.网站和目标 https://m.ctyun.cn/wap/main/auth/login 破解userName, password加密 2.先下断点,找到加密的地方 ......
vue3中的axios进行封装代理的使用（webpack）
1.安装axios npm install axios 2.在util文件夹下新建axios.js文件，用来处理axios拦截器 axios.js内容：（注意：其中router需要写成这种形式，不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
webpack打包报错：Unexpected token (Note that you need plugins to import files that are not JavaScript)
关于这个问题，我在网上查找了一些资料（博客、问答），得到的答案多种多样： 1. 可能是缺少rollup的某种plugin； 2. 可能是系统环境的问题（windows/linux/macos）； 3. 可能是某段代码引起的问题； 4. 。。。 经过对自身情况的逐步测试定位，发现 -> 出问题的代码片 ......
Webpack性能优化 SplitChunksPlugin的使用详解
使用前景 在vue、react等使用webpack为项目打包工具的前端项目，在开发过程中，随着项目功能的逐渐增加，项目整体体积的不断增加，打包的时长和打包后部署的项目体积也在不停的增长，这样可能会导致一下两个问题： 使用自动化部署工具Jenkins部署时，Jenkins因内存不足而崩溃 打包产物过大 ......
如何使webpack编译 node_modules 中的 npm 包
What 在项目开发过程中，我们会使用到大量第三方的npm包，这些包大部分使用了 es中新的语法编写 ，但是在发布的时候，它们有些是经过 babel，tsc, esbuild 等工具转换后发布的，有的则没有转换直接发布到 npm 中， 所以当我们在 webpack 中使用这样的包时，可能会看到如下报 ......