前段时间实在太忙, 都没时间写博客, 最新稍微好点, 必须安排一个。 思路 项目越来越大,总是感觉编译一次越来越慢,不能忍... 既然想要提速, 就需要知道webpack的整个编译的过程原理, 包括: 输入是什么 编译过程是什么 输出又是什么 输入 先来分析一下输入, 以现在流行的SPA来说, 从入 ...
分类：
Web程序 时间：
2021-06-06 18:44:54
阅读次数：
0
何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。 Plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束后，webpack 打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听 webpack 打包 ...
分类：
Web程序 时间：
2021-06-03 18:18:10
阅读次数：
0
##创建一个webapck插件，在chunk文件中查询关键字 ###1、创建一个webpackPlugin.js文件 webpackPlugin.js ###2、添加以下代码 let colors = require('colors')//导入颜色插件 class WebpackPlugin { c ...
分类：
Web程序 时间：
2021-06-03 18:06:27
阅读次数：
0
1、背景 随着我们的项目涉及到页面越来越多，功能和业务代码也会随着越多，相应的 webpack 的构建时间也会越来越久 构建时间与我们日常开发效率密切相关，当我们本地开发启动 devServer 或者 build 的时候，如果时间过长，会大大降低我们的工作效率 所以，优化 webpack 构建速度是 ...
分类：
Web程序 时间：
2021-06-02 20:27:55
阅读次数：
0
1.问题描述 已经执行了npm i webpack-dev-server -D完成安装，可是在运行命令npx webpack-dev-server时还是报错，如图所示： 2.问题分析 package.json文件中"webpack-cli"的版本为4开头，而 "webpack-dev-server" ...
分类：
Web程序 时间：
2021-06-02 20:23:13
阅读次数：
0
EasyPlayer的多个版本均经过了完整的测试，无论是在对接设备型号种类，还是在对接编码的兼容性上，都具备较高的可用性，其低延时控制在行业也处于领先位置，并且EasyPlayer上层有一套成熟的视频缓冲与追帧算法，大家大可以自行测试、自行评估。 ...
分类：
Web程序 时间：
2021-05-24 14:30:34
阅读次数：
0
1.提高 Webpack 打包速度 （1）优化loader的文件搜索范围 Babel 是编写下一代 JavaScript 的编译器 对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项 ...
分类：
Web程序 时间：
2021-05-24 14:18:33
阅读次数：
0
1.安装插件：compression-webpack-plugin npm i -D compression-webpack-plugin 我用的插件在package.json中的版本如下： "devDependencies": { "compression-webpack-plugin": "^3 ...
分类：
Web程序 时间：
2021-05-24 13:37:41
阅读次数：
0
1.安装脚手架为开发依赖 （官方git不推荐全局安装） npm install --save-dev @electron-forge/cli 2.使用脚手架创建新目录 npx create-electron-app my-app //创建普通的一个electron项目npx create-elect ...
分类：
其他好文 时间：
2021-05-24 11:46:17
阅读次数：
0
需要下载HBuildX 软件 步骤1 编译自己的VUE项目 编译项目之前有很重要的步骤不能忘记 将config文件夹里面的index.js中的assetsPublicPath的值修改 为“./” webpack.prod.conf.js 中output添加参数publicPath:’./’在webp ...
分类：
移动开发 时间：
2021-05-24 07:30:01
阅读次数：
0
