提交 d8eff03f 编写于 作者: Q qiang

docs: 条件编译示例

上级 1bef6bcc
......@@ -58,7 +58,67 @@ uni-app 已将常用的组件、JS API 封装到框架中,开发者按照 uni-
**注意:**
* 条件编译是利用注释实现的,在不同语法里注释写法不一样,js使用 ``// 注释``、css 使用 ``/* 注释 */``、vue/nvue 模板里使用 ``<!-- 注释 -->``
* 条件编译APP-PLUS包含APP-NVUE和APP-VUE,APP-PLUS-NVUE和APP-NVUE没什么区别,为了简写后面出了APP-NVUE ;
* 使用条件编译请保证`编译前``编译后`文件的正确性,比如json文件中不能有多余的逗号;
* 使用条件编译请保证`编译前``编译后`文件的语法正确性,即要保障无论条件编译是否生效都能通过语法校验。比如:json文件中不能有多余的逗号,js中不能重复导入;
::: preview
> JSON 错误示例
```json
{
"key": "a",
// #ifdef MP-WEIXIN
"key": "b"
// #endif
}
```
> JSON 正确示例
```json
{
"key": "a"
// #ifdef MP-WEIXIN
,"key": "b"
// #endif
}
```
:::
::: preview
> JS 错误示例
```js
// #ifdef MP-WEIXIN
import a from 'a/wx'
// #endif
// #ifndef MP-WEIXIN
import a from 'a/index'
// #endif
```
> JS 正确示例
```js
// #ifdef MP-WEIXIN
import a as aWx from 'a/wx'
// #endif
// #ifndef MP-WEIXIN
import a as aIndex from 'a/index'
// #endif
var a
// #ifdef MP-WEIXIN
a = aWx
// #endif
// #ifndef MP-WEIXIN
a = aIndex
// #endif
```
:::
* `VUE3` 需要在项目的 `manifest.json` 文件根节点配置 `"vueVersion" : "3"`
### API 的条件编译
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册