常用开发工具在线网站及第三方插件使用

主要用于记录自己再开发过程中所使用到的在线工具网站,仅记录满足个人使用。

一、工具使用

1、图片压缩工具

TinyPNG – Compress WebP, PNG and JPEG images intelligently

2、时间转换

时间戳(Unix timestamp)转换工具 - 在线工具

3、JSON转换工具

在线JSON校验格式化工具(Be JSON)

4、Apipost api文档

Apipost-基于协作,不止于API文档、调试、Mock、自动化测试

5、uniapp开发-- HTML5 + API 产业联盟

https://www.html5plus.org/doc/zh_cn/runtime.html

6、在线中文 转 Unicode 编码转换

https://www.jyshare.com/front-end/3602/

二、第三方插件使用

1、打包分析工具

npm install --save-dev webpack-bundle-analyzer

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
	configureWebpack: {
		plugins: [
			new BundleAnalyzerPlugin({
				analyzerMode: "static",
				openAnalyzer: false,
				analyzerHost: '127.0.0.1:8888',
				analyzerPort: 8888,
				reportFilename: 'bundle-report.html'

			})
		]
	},
	chainWebpack: (config) => {},
}

npm run build 重新打包代码后查看。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值