美文网首页我爱编程
angular-cli整合electron开发环境

angular-cli整合electron开发环境

作者: 风vs雷 | 来源:发表于2018-01-02 10:36 被阅读0次

angular-cli是一个很好的angular2开发工具,但是其并没有开放webpack的动态配置接口,所以,如果想要开发electron下的开发环境,就必须手动运行ng eject,然后在output上面手动添加这样一行:"target":"electron-renderer",这样就将环境转换为electron下的打包环境。

示例图

以nedb为例,使用npm install  --save @types/nedb 安装nedb模块和依赖,然后在代码中就可以这样使用:

示例图2

使用npm run build编译,使用命令或者手动将electron主进程相关文件拷贝到dist目录,然后启动electron .

运行保存按钮,就可以看到程序本地保存的db文件。(如果不将平台改成electron-renderer,该数据库会保存在indexdb中,而不是本地文件)。

如果你要使用的node和electron的功能,使用npm install  --save @types/node 和npm install  --save @types/electron来安装引用,不要使用typings。

希望以后angular2 能够放开webpack target项目的配置。

示例图3

示例工程地址:https://github.com/zhengw060024/angular-hello-world

相关文章

网友评论

    本文标题:angular-cli整合electron开发环境

    本文链接:https://www.haomeiwen.com/subject/oaqfnxtx.html