webpack日常使用总结笔记
前言本篇宗旨是进一步探讨webpack的日常使用，而不是入门教学。打包多页应用webpack通常是配合诸如VUE框架打包单页面应用的，如果你想用他打包多页面应用，那我们如何实现这个骚操作呢？思路如下：打包页面，动态在页面中插入js必须依赖的插件是HtmlWebpackPlugin，同时指定动态插入页面的js...
2024-01-10
webpack4的迁移的使用方法
感觉是突然之间，webpack4的消息就满天飞了，听说打包速度提高了很多，还有最大的噱头是实现了零配置，leader有一天就吩咐我说，有时间把我们的项目也升个级呗。好嘞。1.x到2.x这次升级跨度比较大，我们是从webpack1.x升级到4.x，因为1.x与2.x相差挺大，所以第一件事，就是先升到2.x，比较大的改动就...
2024-01-10浅谈webpack4 图片处理汇总
本次课程的代码目录(如下图所示)：>>> 本节课源码 >>> 所有课程源码 本节课会讲述 webpack4 中的图片常用的基础操作：图片处理 和 Base64编码图片压缩合成雪碧图1. 准备工作如项目代码目录展示的那样，除了常见的 app.js 作为入口文件，我们将用到的 3 张图片放在 /src/assets/img/ 目录下，并在样式...
2024-01-10如何使用webpack提取多个主题样式表？
我正在尝试使React应用成为主题。目前，主题仅由不同的Sass变量集组成，这些变量定义了不同的标题颜色等。从我目前的理解来看，这ExtractTextPlugin似乎是我最好的选择，因为我不希望我的样式内联，而是每个主题都有单独的文件。因此，我创建了两个主题：src/scss/themes/theme-a.scsssrc/scss/themes/theme-b.scs...
2024-01-10浅谈如何使用webpack构建多页面应用
前言之前使用 vue2.x + webpack3.x 撸了一个 vue 单页脚手架vue 版 spa 脚手架 有兴趣的同学可以看下,内附详细注释,适合刚学习 webpack 的童鞋.react 版 spa 脚手架 但在一些场景下,单页应用显然无法满足我们的需求,于是便有了mulXc-cli 好了,废话不多说,进入正题!!!!文件结构 ├── build 构建...
2024-01-10webpack4 optimization使用总结
optimization总结minimize默认为true，效果就是压缩js代码。minimizer可以自定义UglifyJsPlugin和一些配置,默认的压缩为uglifyjs-webpack-plugin//比如在构建的时候,希望新增css的压缩minimizer: mode === "development" ? [] : [ new UglifyJsPlugin({ cache: true, parallel: true, sourceMap: mode === "...
2024-01-10CheckRa1n 越狱常见问题汇总
iPhone 5S - iPhone X 永久越狱教程CheckRa1n 越狱常见问题解答：1.是完美越狱吗，重启后已安装的插件还有效吗？不是完美越狱，重启后无法使用已安装的插件，需要再次连接至电脑并重复越狱。2.必须通过电脑吗，能否通过签名的方法安装CheckRa1n 工具？该越狱无需证书，越狱过程需要通过电脑端工具完成。...
2024-01-10
webpack5和vue2中路由懒加载的问题
自己闲的无聊搭建的一个项目，项目中vue-router使用（）=>import方式来做路由懒加载，实际上并没有做到按需加载。但是如果切换成require.ensure的方式却可以，这是babel的配置 ，有没有大佬帮忙看下这是什么原因导致的吗？版本： "webpack": "^5.58.0", "vue-router": "^3.2.0", 简单的demo地址https://gith...
2024-02-12浅谈webpack构建工具配置和常用插件总结
webpack构建工具已经火了好几年，也是当下狠火狠方便的构建工具，我们没有理由不去学习。既然选择webpack就要跟着时代走，我们要追随大牛的步伐，大牛等等我。一、webpack基础在根目录使用npm init 命令创建package.json，创建过程中一路回车。本地安装webpack命令：npm install webpack webpack-cli --save-dev 安...
2024-01-10
【Web前端问题】使用webpack构建本地服务器出现的问题？
今天在学习webpack的知识。然后学到构建本地服务器出现的问题。这是我的配置代码：module.exports = { devtool:'eval-source-map',entry: __dirname + "/app/main.js",//已经多次提及的唯一入口output: { path: __dirname + "./public",//打包后文件存放的地方 filename: "bundle.js", devServer:{ contentBase:"/pub...
2024-01-10
使用webpack4搭建一个基于Vue的组件库
组内负责的几个项目都有一些一样的公共组件，所以就着手搭建了个公共组件开发脚手架，第一次开发 library，所以是参考着 iview 的配置来搭建的。记录如何使用webpack4搭建一个library的脚手架前言使用 webpack4，需要安装 webpack 和 webpack-cli```yarn add webpack webpack-cli -D```然后就是书写配置文件。项目脚...
2024-01-10
blake2b算法使用
public static String blake2b(String data) { try { byte[] dataBytes = data.getBytes("utf-8"); return blake2b(dataBytes); } catch (Exception e) { e.printStackTrace(); } return null; } public static String blake2b(byte[] data) { Blake2b blake2b = n...
2024-01-10
解决vue+webpack项目接口跨域出现的问题
1、config文件夹下index.js文件设置proxyTable(proxyTable后面的host可以设置也可以保持默认的localhost)proxyTable: { '/api': { target: 'http://10.xx.xx.xx:8080/renter-server', // 开发环境 // target: 'http://10.xx.xx.xx:8080/renter-server', // 生产环境接口 changeOrigin: true, pathRewrite: { ...
2024-01-10
解决vue+webpack项目接口跨域出现的问题
1、config文件夹下index.js文件设置proxyTable(proxyTable后面的host可以设置也可以保持默认的localhost)proxyTable: { '/api': { target: 'http://10.xx.xx.xx:8080/renter-server', // 开发环境 // target: 'http://10.xx.xx.xx:8080/renter-server', // 生产环境接口 changeOrigin: true, pathRewrite: { ...
2024-01-10
javawebkafka的简单使用
一.依赖类库kafka和springboot的版本需要对应,都使用最新版本即可.<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.2.1.RELEASE</version></parent><!-- https://mvnrepository.com/artifact/org.springframework.kafk...
2024-01-10没有使用webpack的vue项目如何做服务端渲染？
各位尊贵的大佬 ： 我有个项目没用webpack，是直cdn引用的vue开发的，现在要做seo。 咱们改这个ssr，请各位尊贵的大佬指点一下方案。我用的是vue2回答：可以用nuxt呀，基于vue开发的框架，专门用来解决vue这种单页面应用带来的seo问题。我之前用的nuxt2点多的版本，感觉上手还算简单。你用的vue，代码迁移到nuxt应该不会太麻烦，正好也学多一个框架nuxt文档：htt...
2024-03-06
【搜索技术】vue2.0 webpack打包之后的接口调用问题
1、开发环境调用后端接口成功，接口地址为http://192.168.0.64:8080/eche...2、生产环境，webpack打包之后打开index.html，出现下面这种情况。我使用chrome，跨域已经解决，为什么接口路径中间会有多余的路径和跨域问题？跪求各位大神指点回答写的明明白白的 跨域请求失败了 因为服务端没有提供所以需要的头...
2024-01-10
关于UITableView的复用问题
需要实现这样的单选多选功能，我是用TableView做的，但是当选择一个题之后，tableView向下滚动，再滚回来的时候发现第一题的选项已经没有了，我该怎么办，记录每次的选项吗？我觉得类似这样的界面用tableView来写好像不是很好，大家有没有更好的实现方法啊？我看网上也没有人写过类似的界面。回...
2024-01-10
【Web前端问题】使用webpack打包后找不到全局变量，如何才能解决？
地址var BTY_CONFIG = (function () { var config = { planet: [{ name: '电子', link: 'https://www.baidu.com/?电子' }, { name: '大数据', link: 'https://www.baidu.com/?数据' }], share: [, ...
2024-01-10![c#webapi跨域问题
[操作系统入门]](/wp-content/uploads/thumbs/672257_thumbnail.jpg)
c#webapi跨域问题 [操作系统入门]
webconfig 中增加配置： <system.webServer><httpProtocol><customHeaders><add name="Access-Control-Allow-Origin" value="*" /><add name="Access-Control-Allow-Headers" value="Origin,X-Requested-With,Content-Type,accept,key" /><add name="Access-Control-Allow-Methods"...
2024-01-10
使用Firewire目标磁盘模式排除Mac问题
苹果是Firewire开发背后的主要推动力虽然有时被认为是强大用户和Mac用户关注数据传输的唯一保护，但Firewire实际上非常灵活，也可以用于使用目标磁盘模式来修复麻烦的Mac。在目标磁盘模式下安全地使用Mac，其硬盘驱动器内容可以从另一台计算机读取，并且本质上可以从外部硬盘驱动器的角色进行读...
2024-01-10
vue项目使用webpack构建的本地服务环境，在手机上访问调试
使用vue脚手架构建的项目，一般在本地localhost运行，配合浏览器的模拟调试工具开发。如果想看真机环境，又不想build到线上。webpack能配置电脑本地内网环境指向公网访问的！1、打开项目的package.json文件，修改里面的script里面的dev"scripts": {"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf....
2024-01-10解决webpack+Vue引入iView找不到字体文件的问题
原因：css-loader后面带了参数modules(打包报错)url-loader后面带了参数name(引入报错){ test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader?modules!postcss-loader" })},{ test: /\.(svg|ttf|eot|woff)\??.*$/, loader: "url-loader?limit=10000&name=f...
2024-01-10
使用SpringCache 的@Cacheable失效问题？
1.现象是接口增加某个参数缓存就会失效(例如下面的Qo类，请求参数加上b缓存就失效，字符长度都排查过，不是这个原因引起的)2.配置都是正确的，去掉b只留a参数就能正常使用缓存例在某个接口上使用 @Cacheable(cacheNames = "AAA", keyGenerator="cacheKeyGenerator") @GetMapping("/getByQuery") publ...
2024-03-02
【JS】使用 webpack 代码分割和魔术注释提升应用性能
使用 webpack 代码分割和魔术注释提升应用性能libinfs发布于 今天 03:141. Web 应用性能优化的关键关于 Web 应用性能优化，有一点是毫无疑问的：「页面加载越久，用户体验就越差」。我们几乎可以说 Web 应用性能优化的关键之处就在于：减少页面初载时，所需加载资源的「数量」和「体积」。...
2024-01-10
