位置:电子教程 > 微信小程序入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
小程序起步
小程序基础知识
小程序基础语法
当前阅读教程:微信小程序入门教程 > 项目配置文件
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 小程序基础知识 下一篇: 全局配置和页面配置

可以在项目根目录使用 project.config.json 文件对项目进行配置,项目配置文件的内容参见表2-1

表2-1项目配置文件

段名

类型

说明

miniprogramRoot

Path String

指定小程序源码的目录(需为相对路径)

qcloudRoot

Path String

指定腾讯云项目的目录(需为相对路径)

pluginRoot

Path String

指定插件项目的目录(需为相对路径)

compileType

String

编译类型

setting 

Object

项目设置

libVersion

String

基础库版本

appid

String

项目的 appid,只在新建项目时读取

projectname

String

项目名字,只在新建项目时读取

packOptions

Object

打包配置选项

debugOptions

Object

调试配置选项

scripts

Object

自定义预处理

其中,compileType 的有效值如下:

n  miniprogram:当前为普通小程序项目。

n  plugin:当前为小程序插件项目。

setting 中可以指定的内容参见表2-2

表2-2 setting设置内容

字段名

类型

说明

es6

Boolean

是否启用 es6 转 es5

postcss

Boolean

上传代码时样式是否自动补全

minified

Boolean

上传代码时是否自动压缩

urlCheck

Boolean

是否检查安全域名和 TLS 版本

uglifyFileName

Boolean

是否进行代码保护

scripts 中指定自定义预处理的命令如下:

n  beforeCompile:编译前预处理命令。

n  beforePreview:预览前预处理命令。

n  beforeUpload:上传前预处理命令。

packOptions 用于配置项目在打包过程中的选项。打包是预览、上传时对项目进行的必须步骤。目前可以指定 packOptions.ignore 字段,用于配置打包时对符合指定规则的文件或文件夹进行忽略,以跳过打包的过程,这些文件或文件夹将不会出现在预览或上传的结果内。

packOptions.ignore 为一对象数组,对象元素类型如下:

字段名

类型

说明

value

string

路径1或取值

type

string

类型

其中,type 可以取的值为 folderfilesuffixprefixregexpglob,分别对应文件夹、文件、后缀、前缀、正则表达式、Glob 规则。所有规则值都会自动忽略大小写。

提示:value 字段的值若表示文件或文件夹路径,以小程序目录 (miniprogramRoot) 为根目录。regexpglob 1.02.1809260 及以上版本工具支持。

配置示例

小白教程网www.2d5.net

代码如下:

{

  "packOptions": {

    "ignore": [{

      "type": "file",

      "value": "test/test.js"

    }, {

      "type": "folder",

      "value": "test"

    }, {

      "type": "suffix",

      "value": ".webp"

    }, {

      "type": "prefix",

      "value": "test-"

    }, {

      "type": "glob",

      "value": "test/**/*.js"

    }, {

      "type": "regexp",

      "value": ".jsx$"

    }]

  }

}

 

注意: 这部分设置的更改可能需要重新打开项目才能生效。

debugOptions 用于配置在对项目代码进行调试时的选项。目前可以指定 debugOptions.hidedInDevtools 字段,用于配置是否显示调试器的源代码。

hidedInDevtools 的配置规则和 packOptions.ignore 是一致的。当某个 .js 文件符合此规则时,调试器 Sources 面板中此文件源代码正文内容将被隐藏,显示代码示例

小白教程网www.2d5.net

如下:

// xxx.js has been hided by project.config.json

注:配置此规则后,可能需要关闭并重新打开项目才能看到效果。

项目配置代码示例

小白教程网www.2d5.net

如下:

{

  "miniprogramRoot": "./src",

  "qcloudRoot": "./svr",

  "setting": {

    "postcss": true,

    "es6": true,

    "minified": true,

    "urlCheck": false

  },

  "packOptions": {

    "ignore": []

  },

  "debugOptions": {}

}


上一篇: 小程序基础知识 下一篇: 全局配置和页面配置
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)