提高nccloud前端启动速度

在这里插入图片描述

加速nccloud前端启动,提速70%
webpack5 + swc作为前端构建的基础,优化了前端生态环境,带来了更高的开发效率。webpack5提供了构建更快的缓存,swc提供了20倍以上的编译速度。
使用方法:

page(2105 ~ BIP)
1909 - 2005版本的脚手架
下载node_modules
示例:

解压脚手架
把node_modules解压到脚手架下
安装vscode扩展(.vscode\extensions.json)
可以切换到vscode的扩展页,选择第二个推荐页签,安装全部即可。
阅读README.md,主要做两件事:
安装yarn
npm install -g yarn
更新home根路径(config\webpack.dev.config.js)
更新home静态资源根目录常量: FIELD_NC_HOME
亮点:

启动更快
启动两个模块,从40s缩减到15s
编译更快
保存修改,从25s缩减到7s
保存未修改,从25s缩减到1s
src下仅需保留编译源码引用的模块
例如:platform、uap、uapbd、lappreportrt等,其他home下的前端模块已被webpack-dev-server服务器作为静态资源,可以直接访问。
解决了打开消息404的问题
主要是在proxy中解决了错误的相对路径。
支持Node18
预制ESLint少量错误提示规则
尽量做到不干扰旧代码的维护。
规则文件:config\ESLintConfig.js
预制vscode常用配置
配置文件:.vscode\settings.json
预制vscode前端调试配置
需要更新端口。
配置文件:.vscode\launch.json
其他提示:

vscode保持最新版本。
默认没有编译二开代码,需要修改配置(config\webpack.dev.config.js)。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值