Webpack
文章平均质量分 82
subsistent
历经磨难
展开
-
乾坤(qiankun)的使用
qiankun 是一个基于single-spa的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值:技术栈无关主框架不限制接入应用的技术栈,微应用具备完全自主权独立开发、独立部署微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新增量升级。原创 2023-09-08 21:40:03 · 259 阅读 · 0 评论 -
webpack 优化
优化方向●webpack-bundle-analyzer:文件大小分析●speed-measure-webpack-plugin 打包耗时分析●使用高版本的 webpack 和 nodejs。原创 2023-09-06 18:49:26 · 71 阅读 · 0 评论 -
webpack 的使用
项目做好以后,在上线之前还有一些工作需要去做:压缩css压缩js压缩图片编译sass合并文件。。。等等,在前端工作流出现之前,这些工作都由人力完成,而这些工作往往比写业务本身更加费时,效率非常之低且还容易出错,于是自动化的处理工具也就必然出现了。前端的构建工具常见的有Grunt、Gulp、Webpack三种,Grunt比较老旧,功能少,更新少,插件少。gulp适用于原生项目的打包,但是在现代的工作中使用非常少。webpack通常被用在框架中,使用量很大,所以我们学习webpack。原创 2023-01-27 00:36:03 · 499 阅读 · 0 评论 -
使用 webpack 从0开始搭建 vue3+sass+element-plus+typescript 项目
在 ts 环境中 *.vue 文件 sfc 要有 ts 类型校验,要在根目录新建一个 index.d.ts 文件,因为 webpack.config.ts 在根目录而且把 /src/index.ts 作为入口文件,而在 /src/index.ts 中,又以 /src/App.vue 作为 SPA 的根组件。不过,问题来了,由于我们的应用是一个单页的客户端应用,如果没有适当的服务器配置,用户在浏览器中直接访问 http://localhost:8080/about 就会得到一个 404 错误,这就尴尬了。原创 2023-09-01 11:54:27 · 219 阅读 · 0 评论