webpack webpack5_webpack静态webpack5
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 和 ......
layui之静态表格的分页及搜索功能以及前端使用XLSX导出Excel功能
LayUI官方文档：https://layui.dev/docs/2/#introduce XLSX NPM地址：https://www.npmjs.com/package/xlsx XLSX 使用参考文档：https://juejin.cn/post/7003153489920524301 htt ......
前端添加配置文件——webpack打包部署后可配置
1.在public文件夹下，新建config/config.js文件 window["edmConfig"] = { loginConfig: { loginSource: "d d d", loginUrl: "a a a", service: "c c c" } } 2.在index.html中 ......
Flask Web API构建实例：GET、POST文件上传、静态资源下载一网打尽
以下是一个通过 Flask 构建 Web API 服务的详细示例，包含了各类请求（GET、POST、文件上传、静态资源下载）、每个方法独立配置路由、参数接收和解析、请求日志记录以及异常日志记录。请确保你已经安装了 Flask，你可以使用以下命令进行安装： pip install Flask 接下来是 ......
webpack(plugin 和 配置Configuration)
plugin 插件 是 webpack 的 支柱 功能。Webpack 自身也是构建于你在 webpack 配置中用到的 相同的插件系统 之上！ 插件目的在于解决 loader 无法实现的其他事。Webpack 提供很多开箱即用的 插件。 剖析 webpack 插件是一个具有 apply 方法的 J ......
webpack（loader）
loader loader 用于对模块的源代码进行转换。loader 可以使你在 import 或 "load(加载)" 模块时预处理文件。如：将ts转成js，将内联图转为data URL 示例 // 安装依赖 npm install --save-dev css-loader ts-loader ......
webpack(入口起点entry 和 输出output)
单个入口（简写）语法 //单个入口，简写，字符串module.exports = { entry: './path/to/my/entry/file.js', }; 上面是单个入口的语法，是下面的简写： // 单个入口，完整，对象类型module.exports = { entry: { main: ......
独立于 Github，更方便地管理自己的静态网站？来试试这套自托管 Git 仓库方案！
就在前几天，我成功地将我自己的网站由 wordpress 迁移为了静态网站。不过说是迁移，但是域名保持不变，本质上就是把将网站文件夹一整个换了遍。我选择的是 mkdocs 的网站框架，在一般情况下，我们选用 Github Pages 作为网站托管方案。但是这一次，我想仍然保留在自己的服务器上。但是我... ......
webpack（概念）
入口（entry） 入口起点(entry point)指示webpack打包起点。构建依赖图（dependency graph）的开始。 默认值是 ./src/index.js。可以配置，如下： webpack.config.js module.exports = { entry: './path/ ......
.net core中如何自定义静态文件目录、默认主页、和文件浏览目录？
在.NET Core中，UseStaticFiles、UseDefaultFiles、UseDirectoryBrowser和UseFileServer中间件用于处理静态文件和目录浏览。下面我将为你提供一个简单的例子，演示它们的用法。 首先，确保你的项目已经安装了Microsoft.AspNetCo ......
[VUE] WebPack 打包后自动修改 dist 中 package.json 版本号
我们在开发 npm 包时，开发期的 package.json 通常并不一定是发布到 npm 仓库的 package.json。这种情况下每次改版本号需要改两个地方，比较麻烦。 我一般使用 webpack 进行打包，所以有了下面这个小插件。 插件源码 modify.version.plugin.js ......
CMake 静态库合并问题
一般我们使用 cmake 生成静态库或者动态库时，它们生成的库都仅包含工程内部的文件，当引用了外部的静态库时，均是以链接形式存在在 cmake 文件中。当我们发布（也就是 install）一个静态库时，这个静态库并不是独立的，如果你想使用它，仍需要查找齐全它所依赖的库。 简单一点说就是，我们编写的静 ......
什么是动态链接与静态链接？
对于初学C语言的朋友，可能对链接这个概念有点陌生，这里简单介绍一下。 我们的C代码编译生成可执行程序会经过如下过程： 链接就是把目标文件与一些库文件生成可执行文件的一个过程。关于更详细的编译过程，可查阅往期笔记：【本质】你知道C语言编译的过程吗？ 静态、动态链接？ 1、什么是静态链接？ 静态链接是由 ......
.NETCore Nuget 发布包含静态文件 content file
.NETCore 在.csproj引用资源中标记pack配置 <pack>true</pack>1例如 <ItemGroup> <Content Include="dotnetty.linux.pfx"> <pack>true</pack> <CopyToOutputDirectory>Preser ......
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题：<a/ target="__blank" href="https://blog.csdn.net/qq_42991509/article/details/119023191?utm_medium=distribute ......
Vite项目中静态资源 动态路径处理（Vite打包后无法显示静态资源）
适用场景： img标签是通过v-for动态指定src路径的，本地可以正常显示，一旦打包之后就无法在线上显示了。 Bug原因： Vite打包只会处理静态src路径，动态src路径只会原样保留。 <!-- 静态src会被处理为正确地址 --> <img src="@/assets/xx.png" /> ......
vue3 静态配置文件
前言 有时候我们负责做的只是一个大平台系统下的某个子系统，有时候我们需要调用这个大平台系统下别的子系统的接口。 如果直接把别的接口地址，直接写在代码里，那么如果别的子系统的接口调整了，会影响到我们的系统，我们还要重新打包，部署，会很繁琐。 解决思路 我们的想法是这样： 敲代码的时候，如果要引用其他人 ......
Vue - 复制静态文件到 build的文件夹中
Vue - 复制静态文件到 build的文件夹中 环境：vue2 框架 前提：在根目录下放置了Dockerfile 文件，在build时需要自动复制到dist文件夹里面。 1. 安装 copy-webpack-plugin 插件 在vue.config.js中引入插件 const CopyWebpa ......
Linux--VM设置静态IP--VM&XShell连接
1. 配置环境 Linux：CentOS 7 远程：XShell 7 2. 设置 ① 打开 虚拟机 登录 cd / --> ip addr 输入：cd /etc/sysconfig/network-scripts 回车 输入：vi ifcfg-ens33 > 进入网卡配置文件 （必须在 左下角 In ......
自动化发布静态页面
1.需求 一键部署静态页面到 web7 web8 ，且支持后续的页面更新 流程 jenkins部署流水线 1. 准备web7，web8，两个客户端，部署好nginx，支持静态页面推送 2. jenkins编写部署脚本，创建job，触发shell脚本执行 3. 确保jenkins可以拉取代码仓库 4. ......
Windows 双网卡 配置静态路由 内外网 同时使用 一个有线 一个无线
双网卡 内网外网 两个网络 同时连接 情况描述： Windows10 电脑，支持双网卡工作 工作内网,外网，需要同时使用，而不是切换网络 以太网 + wifi 的形式，至于哪个是外网哪个是内网没有特定规定 内网信息： 外网信息： 操作步骤 管理员权限打开 CMD 删除默认路由前先查看一下当前路由表， ......
VS2022使用V142 toolset编译静态库之后，使用时链接不成功
最近碰到一个奇怪的问题，没找到原因，这里只记录一下现象。 使用vs2022 v142编译的boost库，在链接使用时出错。 libboost_program_options-vc142-mt-s-x32-1_80.lib(options_description.obj) : error LNK201 ......
VMware workstation中安装的centos虚拟机ip自动获取可以上网，设置静态ip不能上网问题解决
一、需求 linux中我们会设置hosts文件，这会涉及ip和域名的设置，但是如果虚拟机自动获取ip地址的话，这就意味着之前设置的hosts文件需要重新修改，所以我们需要设置虚拟机为静态ip地址。 二、故障现象 我linux虚拟机最开始是自动获取的ip地址，用的nat模式，是可以上网的，然后ifco ......
Linux基础与应用：3.Centos7配置静态IP地址
实验所需要知道的 systemctl restart network //重启整个网络服务（包括网络接口、DNS解析等） ip a //显示当前主机的网卡及对应 IP(完整命令是ip address) ifdown 网卡名 //关闭某张网卡（一般我是在systemctl restart networ ......
免杀-绕过静态动态查杀
前言 在我们后渗透时很多时候需要使用到一些敏感的工具，而这些工具大多都被360等杀软厂商标记。导致我们传入的工具无法执行或执行时被拦截。 接下来以测试工具mimitakz为例演示如何绕过这些杀软拦截，躲避查杀等。以下为具体开发细节， 程序执行时杀软拦截 360 静态查杀 何为"静态查杀"正规点叫文件 ......
编译静态库，链接生成带有完整符号表的目标文件
在工作时遇到了将开源库代码扒到RTOS平台的需求，但是开源库的代码条件编译太多，不清楚代码的运行流程，只好将开源库编译成静态库，与应用代码进行链接，编译出带有宏信息、函数信息的符号表的可执行文件。 编译静态库时需要注意的问题 编译时注意编译每个目标文件时使用的编译选项，如果出现-O3或-g1之类的选 ......
Debian 配置静态IP及DNS
一、debian配置静态ip 生效 在Linux系统中，配置静态IP可以确保网络连接的稳定性和安全性。为了使debian配置静态IP生效，需要先检查系统上是否安装network-manager或ifupdown这两个网络管理工具。如果未安装，可以通过以下命令进行安装： sudo apt-get in ......