随笔分类 - 前端工程化
摘要：webpack + ts 配置路径别名总结 自我体验加总结：在配置脚手架时，定制别名很有必要，可以使得代码更优雅，可读性更强。但在使用ts的时候，即便项目能够运行，vscode 确时长会提示 can’t find module xxx。总结下来，如果想要完全解决这个问题需要考虑以下两方面： 概述 语
阅读全文
摘要：#背景 旧的rem适配方案（无论是直接使用rem，还是配合flexiblejs等lib库进行视口缩放）已经疲态尽显，且随着安卓高清屏的不断出现，同时data-dpr仍有进一步增加的可能性，rem显得并不是那么稳固与称心如意。 首先截止至发文日期，viewport的兼容性如下： 可以看到，viewpo
阅读全文
摘要：目录 用前端姿势玩docker【一】Docker通俗理解常用功能汇总与操作埋坑 用前端姿势玩docker【二】dockerfile定制镜像初体验 用前端姿势玩docker【三】基于nvm的前端环境构建技巧 用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境 用前端姿
阅读全文
摘要：目录 用前端姿势玩docker【一】Docker通俗理解常用功能汇总与操作埋坑 用前端姿势玩docker【二】dockerfile定制镜像初体验 用前端姿势玩docker【三】基于nvm的前端环境构建技巧 用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境 用前端姿
阅读全文
摘要：目录 用前端姿势玩docker【一】Docker通俗理解常用功能汇总与操作埋坑 用前端姿势玩docker【二】dockerfile定制镜像初体验 用前端姿势玩docker【三】基于nvm的前端环境构建技巧 用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境 用前端姿
阅读全文
摘要：对原有的1.x版本进行的大版本的升级。本多页脚手架面向实际工作流，能够覆盖绝大多数的使用场景，在实际工作中，能结合的应用场景会更加多元化。 github：https://github.com/pomelott/webpack-multi-page-cli 如对您有帮助，请给星，如有问题请提issue
阅读全文
摘要：对原有的1.x版本进行的大版本的升级。本多页脚手架面向实际工作流，能够覆盖绝大多数的使用场景，在实际工作中，能结合的应用场景会更加多元化。 github：https://github.com/pomelott/webpack-multi-page-cli 如对您有帮助，请给星，如有问题请提issue
阅读全文
摘要：在webpack4中使用splitChunkPlugin时,根据需要将公共代码拆分为多个依赖后,需要在创建htmlWebpackPlugin时候按需引入对应入口文件依赖的chunk。但是html-webpack-plugin的chunk配置项只能手动添加，在没有得知拆分后的chunk情况下，无法得知
阅读全文
摘要：全新升级后的FE工作流为：使用FE命令包进行项目的初始化，其中包括项目初始化、拉取脚手架、私库拉取模块包或后期扩展的CI/CD等与本公司工作流相关的操作。 出现的问题如下： 脚手架工具的包依赖信息存放在根目录的package.json中，若业务项目仍存放在package.json中，那么后期再更新脚
阅读全文
摘要：之前一版的工程化核心产物就是一个IDE，即利用python+node将webpack等技术将FE的开发、编译、部署上线等环境集成在sublime中，产出了一个核心工具。但随着长期的使用与技术栈的优化升级等，原工程化工具的局限性、便利性、跨平台的兼容性等方面的问题正在逐渐暴露，加之最近的疫情因素，更让
阅读全文
摘要：最近hin忙，无暇更博，昨天还在加班，今天趁着周末，做一下总结。 跨域应该是前端无法避免的问题，解决跨域的方法，在此不作更多说明。而是从原理上说明在前端工作流中，面对跨域问题的一些解决方案（目前我所了解到的）。在此全部分享给大家。 首先一些是需要后端配合完成的方法： 1.使用jsonp跨域解决 2.
阅读全文
