使用自定义组件

对于Vela JS应用, 使用自定义组件需要对项目配置文件进行一些更改.

具体操作

package.json

您需要为项目根文件夹(而非src文件夹)下的package.json中的"scripts"进行修改, 添加 --enable-custom-component 参数, 例如:

                {
                    "scripts": {
                        "start": "aiot server --watch --open-nuttx --enable-custom-component true --enable-protobuf true",
                        "build": "aiot build --enable-custom-component --enable-jsc --enable-protobuf",
                        "release": "aiot release --enable-custom-component --enable-jsc --enable-protobuf",
                        "watch": "aiot watch --open-nuttx",
                        "lint": "eslint --format codeframe --fix --ext .ux,.js src/"
                    }
                }
            

quickapp.config.js

您需要为项目根文件夹(而非src文件夹)下的quickapp.config.js进行修改, 如果没有这个文件, 请在 package.json 的同目录下创建. 例如:

                module.exports = {
                    webpack: {
                        module: {
                            rules: [
                                {
                                    test: /\.tsx?$/,
                                    use: [
                                        {
                                        },
                                    ],
                                },
                            ],
                        },
                    },
                    cli: {
                        "enable-custom-component": true,
                        "enable-jsc": true,
                        "enable-protobuf": true
                    }
                };
            

Last modified: 14 September 2024