资讯专栏INFORMATION COLUMN

基于 Electron 的前端文件处理工具

godruoyi / 989人阅读

摘要:项目地址一键拖拽并在当前目录下生成处理后的文件,处理零碎的前端文件从未如此轻松功能实现前端常用的文件处理功能压缩通过中的注释来合并添加兼容性前缀压缩压缩压缩图片将多张图片合成精灵图并生成相应的通用文件重命名自定义设置设置文件的导出目录其他

项目地址

Github

splice

GUI workflow for Front-End developers based on Electron
一键拖拽并在当前目录下生成处理后的文件,处理零碎的前端文件从未如此轻松~

功能 实现前端常用的文件处理功能:

HTML:

压缩 html

通过 html 中的注释来合并 css / js

CSS:

添加兼容性前缀

压缩 css

JS:

压缩 js

IMAGE:

压缩图片

将多张图片合成精灵图并生成相应的 css

通用:

文件重命名

自定义设置

设置文件的导出目录

其他:

快捷键:

刷新页面:Ctrl+Alt+R

开启或关闭开发者工具: Ctrl+Alt+T

截图 界面:

简单操作:

下载地址

win | mac

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87217.html

相关文章

  • 前端每周清单第 43 期:2017 JavaScript 回顾、Rust 与 WebAssembly

    摘要:杨冀龙是安全焦点民间白帽黑客组织核心成员,被浪潮之巅评为中国新一代黑客领军人物之一他在本文中依次分享了对于黑客的定义如何从黑客成为一名安全创业者技术创业踩过的坑给技术创业者建议等内容。 showImg(https://segmentfault.com/img/remote/1460000012377230?w=1240&h=796); 前端每周清单专注前端领域内容,以对外文资料的搜集为...

    xorpay 评论0 收藏0
  • Electron 前端提测小工具

    摘要:场景目前公司的测试环境还是由开发来搭建和部署的。没网,我就做个离线版的工具呗。调研选型技术目前我了解到使用前端技术做桌面应用有和以及着三种神器。好了,多说无用,来预览一下我们的小工具吧默认,就是最新的要提测的包。更新于年月日已入手。 场景 目前公司的测试环境还是由开发来搭建和部署的。这种做法是极其不科学的。所以那种部署啊什么的重复性的操作还是做个工具让测试自己去部署好了。先来预览一下工...

    Riddler 评论0 收藏0
  • XCel 项目总结 - Electron 与 Vue 性能优化

    摘要:而这里的单元格信息是唯一的,所以直接通过为一个空对象赋值即可。和相关的知识和技巧高亮的列单元格采用展示。在中,被选中的单元格会高亮相应的行和列,以提醒用户。 showImg(https://segmentfault.com/img/bVGkdk?w=900&h=500); XCEL 是一个 Excel 数据清洗工具,其通过可视化的方式让用户轻松地对 Excel 数据进行筛选。 XCEL...

    XUI 评论0 收藏0
  • 如何搭建Electron开发环境

    摘要:原文发表于如何搭建开发环境这个项目结构是我在编写基于和的七牛文件上传总结出来的本文主要介绍如何从零开始搭建高效的开发环境主要内容如下通过合理的目录划分来组织代码使用简化开发如何在渲染进程开发时使用热更新如何在主进程开发时使用自动重启如何在主 原文发表于 https://lleohao.github.io/2017/09/02/如何搭建Electron开发环境/ 这个项目结构是我在编写...

    TwIStOy 评论0 收藏0
  • 一口气完成electron入门学习

    摘要:目前类似的工具有,等。在渲染进程中,直接调用原生的接口是十分危险的。这里介绍一种,通过和对象,以消息的方式进行通信。主进程获得消息后,通过返回信息。另外,还提供了一种同步的消息传递方式。打包完成功能代码后,我们需要将代码打成可运行的包。 介绍 目前,使用前端技术开发桌面应用已经越来越成熟,这使得前端同学也可以参与桌面应用的开发。目前类似的工具有electron,NW.js等。这里我们着...

    Ethan815 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<