uniapp 代码和打包优化

1 篇文章 0 订阅
1 篇文章 0 订阅

uniapp 代码和打包优化

uniapp 打包,优化思路:

1. 代码优化

1.1 代码书写规范性

这里主要是书写代码的规范, 避免不必要的备注,console等;
这里推荐可以使用 uniapp 插件市场的 eslint-js
点击 工具 --> 插件安装 --> eslint-js --> 配置

在这里插入图片描述
这里具体配置依个人而定: 主要是换行,多余空格,分号,逗号,函数括号,箭头函数等的 书写规范
我配置的如下;

"strict": 2, //使用严格模式
		"space-before-function-paren": [0, "always"], //函数定义时括号前面要不要有空格

		"space-after-keywords": [1, "always"], //关键字后面是否要空一格
		"space-before-blocks": [0, "always"], //不以新行开始的块{前面要不要有空格
		"space-before-function-paren": [0, "always"], //函数定义时括号前面要不要有空格
		"space-in-parens": [1, "always"], //小括号里面要不要有空格
		"generator-star-spacing": 0, //生成器函数*的前后空格
		// "no-multi-spaces": 1,//不能用多余的空格
		"no-multi-spaces": 2, //不能用多余的空格
		"no-multiple-empty-lines": [1, {
			"max": 2
		}], //空行最多不能超过2行
		"key-spacing": [1, {
			"beforeColon": false,
			"afterColon": true
		}], //对象字面量中冒号的前后空格
		"space-before-function-paren": [0, "always"], //函数定义时括号前面要不要有空格
		"comma-dangle": [2, "never"], //对象字面量项尾不能有逗号

		"semi-spacing": [1, {
			"before": false,
			"after": true
		}], //分号前后空格
		"comma-spacing": 1, //逗号前后的空格
		"no-trailing-spaces": 1, //一行结束后面不要有空格
		'no-alert': 0,
		'semi': [2, 'always'],
		'no-multi-spaces': [2, 'always'],
		'quotes': ['error', 'single'],
		// 'camelcase': 2,           //强制驼峰法命名,  
		'indent': [2, 4], //缩进风格  
		'id-match': 0, //命名检测  
		'init-declarations': 1, //声明时必须赋初值  
		'no-undef': 1,

具体 eslint-js 配置详情 uniapp 层面的 eslint-js 配置

1.2 组件或插件按需引入

222

2. 打包优化

1

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值