随笔分类 -  web 构建工具

上一页 1 2 3 4 5 6 下一页

markojs ebay开源的支持基于html+组件化web app的框架
摘要：markojs 可以使用基于html 标签的模式进行webapp开发，同时也是一个模版引擎 自持stream 模式的请求处理,同时官方也提供了比较完整的生态支持（vs code plugin 方便开发） 参考资料 https://tech.ebayinc.com/engineering/async- 阅读全文

posted @ 2021-02-21 20:35 荣锋亮 阅读(289) 评论(0) 推荐(0) 编辑

plop 方便的micro-generator framework
摘要：plop是一个micro-generator framework，可以用来方便的生成代码 参考使用 安装 pacakge.json { "name": "appdemo", "version": "1.0.0", "main": "index.js", "license": "MIT", "depe 阅读全文

posted @ 2021-02-19 12:25 荣锋亮 阅读(132) 评论(0) 推荐(0) 编辑

集成unpkg npm包发布说明
摘要：主要在发布npm包的时候遵循了unpkg的要去，那么我们就能利用unpkg 灵活强大的npm 访问能力了以下是一个简单的说明 参考流程 使用umd 格式（浏览器以及node 都能使用的） 添加 umd （或者dist）目录，同时添加gitignore 构建生成umd 格式（webpack,parce 阅读全文

posted @ 2021-02-18 15:44 荣锋亮 阅读(1177) 评论(0) 推荐(0) 编辑

unpkg +verdaccio+ webpack 联邦实现多版本控制
摘要：参考了jherr 的webpack 联邦多版本，基于unpkg 以及verdaccio实现一个私有版本的测试环境 环境准备 docker-compose version: "3" services: unpkg: image: dalongrong/unpkg:http-env environmen 阅读全文

posted @ 2021-02-18 14:58 荣锋亮 阅读(561) 评论(0) 推荐(0) 编辑

unpkg docker 镜像
摘要：目的很简单，因为unpkg 的一些设计上可以解决我们web 开发中多版本的问题，而且unpkg 是开源的，所以 自己制作一个docker 镜像方便使用 构建 clone 代码 git clone https://github.com/mjackson/unpkg.git 修改代码 主要是去掉关于cl 阅读全文

posted @ 2021-02-17 23:14 荣锋亮 阅读(765) 评论(0) 推荐(0) 编辑

degit 简单项目脚手架工具
摘要：degit 是一个简单的利用了github 的项目脚手架工具（当然也支持其他git repo ），使用简单 支持基于cli 以及代码模式的使用 参考使用 安装 npm install -g degit 使用 npx degit https://github.com/rongfengliang/dre 阅读全文

posted @ 2021-02-17 11:16 荣锋亮 阅读(4579) 评论(0) 推荐(0) 编辑

Rules of Micro-Frontends
摘要：参考资料：https://medium.com/swlh/rules-of-micro-frontends-7b96c10dde9 This is an opinionated list of best practices when designing applications that follo 阅读全文

posted @ 2021-01-02 23:27 荣锋亮 阅读(85) 评论(0) 推荐(0) 编辑

api2html 试用
摘要：已经基于go mod 调整了原有的项目，所以使用以及构建就很方便了，同时官方也提供了demo 所以试用下 构建工具 git clone https://github.com/rongfengliang/api2html.git cd api2html go build 运行demo cd examp 阅读全文

posted @ 2020-12-27 12:27 荣锋亮 阅读(175) 评论(0) 推荐(0) 编辑

web开发 api 资源跨域的一种实践
摘要：问题很简单，就是请求接口的跨域，解决方法很多，以下是一个参考玩法，比较符合大家日常的开发模式 参考图 简单说明 都是基于proxy 模式的，这样保障本地以及生产是一致的，同时规避各种api接口访问域名变动的问题，本地基于构建工具提供的 比如webpack 以及parcel。。。，生产基于nginx 阅读全文

posted @ 2020-08-30 10:47 荣锋亮 阅读(238) 评论(0) 推荐(0) 编辑

使用rollup 转换commonjs 模块为es6 模块，方便的支持graalvm 模块兼容
摘要：graalvm 是直接支持es6模块的，以前有写过基于require 模块模式的npm包加载处理（jvm-npm）以下是我们 基于rollup 转换comomjs 模块为es6 模块，方便的扩展java 的能力 场景说明 npm 包含了一个很不错的json-mask 包，但是我们希望java可以直接 阅读全文

posted @ 2020-08-30 09:57 荣锋亮 阅读(2821) 评论(0) 推荐(0) 编辑

web-vitals 站点健康metrics npm 包
摘要：web-vitals 是chrome 团队开源的站点健康metrics 包，轻量、使用简单 web-vitals 目前提供的metics CLS （Cumulative Layout Shift） FID (First Input Delay) LCP (Largest Contentful Pai 阅读全文

posted @ 2020-08-23 10:27 荣锋亮 阅读(783) 评论(0) 推荐(0) 编辑

jsonx 基于json 创建react 组件
摘要：jsonx 是一个不错的工具包，我们可以用来方便的创建react 的组件，是不个很不错就有json 开发web引用的选择工具 一个demo 具体index.web.js可以在官方的dist 目录找到 <!DOCTYPE html> <html lang="en"> <head> <meta char 阅读全文

posted @ 2020-07-25 14:49 荣锋亮 阅读(582) 评论(0) 推荐(0) 编辑

goja 加载三方npm 模块
摘要：前边有简单介绍过关于goja require 加载三方模块的说明（只是简单的all-in-one 模式的）以下是基于node 实现制作包含依赖 文件 核心的技术 基于browserify&&babelify制作一个all-in-one 的js 文件，同时对于依赖的一些js 新特性基于babel 的e 阅读全文

posted @ 2020-06-29 21:26 荣锋亮 阅读(1122) 评论(0) 推荐(0) 编辑

stimulusjs 由Ruby on Rails 作者创建的web框架
摘要：stimulusjs 由Ruby on Rails 作者创建的web框架，stimulusjs 不像其他框架包含了完整的web开发方面，stimulusjs 主要主要是作为html element与javascript 对象的自动链接，同时官方文档也是比较全的，提供的starter包含了webpac 阅读全文

posted @ 2020-05-06 21:40 荣锋亮 阅读(400) 评论(0) 推荐(0) 编辑

razzle 一个不需要配置的可以创建通用服务器端渲染的框架
摘要：razzle 相比next.js 以及nuxt.js 来说是一个通用的服务器端渲染框架，好处是可以集成各类框架，同时 官方文档也很详细学习起来比较方便 参考资料 https://github.com/jaredpalmer/razzle 阅读全文

posted @ 2020-05-02 09:41 荣锋亮 阅读(489) 评论(0) 推荐(0) 编辑

purgecss一个强大的移除不需要的css工具包
摘要：purgecss通过移除不使用的css，可以减少我们web项目中css的大小 几个类似的实现 uncss https://github.com/uncss/uncss purifycss https://github.com/purifycss/purifycss 参考资料 https://gith 阅读全文

posted @ 2020-05-02 09:35 荣锋亮 阅读(1204) 评论(0) 推荐(0) 编辑

nodejs 基础镜像的一个参考
摘要：因为很多时候我们依赖的npm 模块是需要构建编译的（addon模式）所以需要安装一些依赖，以下是 一个参考的基础镜像，方式使用 Dockerfile FROM node:12.16.1-alpine AS build RUN apk add --update --no-cache \ python 阅读全文

posted @ 2020-04-22 09:32 荣锋亮 阅读(884) 评论(0) 推荐(0) 编辑

几个不错的开源formbuilder
摘要：比较新的还在更新的 unform https://github.com/Rocketseat/unform formik https://github.com/jaredpalmer/formik uniforms https://github.com/vazco/uniforms form-ren 阅读全文

posted @ 2020-04-15 09:38 荣锋亮 阅读(2934) 评论(0) 推荐(0) 编辑

vue+ typescript 使用parcel 构建
摘要：parcel 是一个零配置的前端构建工具,相比webpack 更快，同时使用简单以下是 一个简单的使用typescript 开发vue 应用，同时使用parcel 构建，同时集成了docker 构建，代码很简单，同时会有一些碰到问题的解决 项目 说明parcel 是零配置的，我们基本不需要配置多少， 阅读全文

posted @ 2019-11-15 15:57 荣锋亮 阅读(570) 评论(0) 推荐(0) 编辑

graphql-inspector graphql schema比较&&文档校验&&查找破坏性变动工具
摘要：graphql-inspector 是一个方便的graphql 周边工具，可以加速graphql 应该的开发，同时可以帮助我们排查问题 包含以下特性： 进行schema 的比较 文档校验（通过schema） 相似以及重复类型查找 查找破坏性或者危险的变动 查看基于文档的schema 覆盖率 mock 阅读全文

posted @ 2019-06-05 13:29 荣锋亮 阅读(521) 评论(0) 推荐(0) 编辑

上一页 1 2 3 4 5 6 下一页

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示