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
网友评论