electron-jsx-babel-boilerplate, 带 React.js 和babel的电子样板

分享于 

3分钟阅读

GitHub

  繁體 雙語
Electron boilerplate with React.js and babel
  • 源代码名称:electron-jsx-babel-boilerplate
  • 源代码网址:http://www.github.com/Quramy/electron-jsx-babel-boilerplate
  • electron-jsx-babel-boilerplate源代码文档
  • electron-jsx-babel-boilerplate源代码下载
  • Git URL:
    git://www.github.com/Quramy/electron-jsx-babel-boilerplate.git
    Git Clone代码到本地:
    git clone http://www.github.com/Quramy/electron-jsx-babel-boilerplate
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/Quramy/electron-jsx-babel-boilerplate
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    electron-jsx-babel-boilerplate

    这是一个电子应用程序的示例存储库。

    这里样板包括以下生成任务:

    • Transpillation 使用Babel来响应 JSX和ES6风格的JavaScript文件。
    • 编译scss文件
    • Livereload更改源文件时
    • 每个平台的打包分发 apllicatoins ( WIN32,darwin,linux )

    安装

    克隆这个存储库,因此执行以下命令。

    cd electron-jsx-babel-boilerplate
    npm install -g bower gulp electron-prebuilt
    npm install

    运行应用程序

    带有文件监视和livereload的

    gulp serve

    预打包应用

    gulp build;electron dist

    封装应用程序

    gulp package

    复制这里样板文件

    gulp boilerplate -o {DIST_DIR}

    目录结构

    
    +. serve/Compiled files
    
    
    + dist/Application for distribution
    
    
    - release/Packaged applications for platforms
    
    
     |+ darwin/
    
    
     |+ linux/
    
    
     |+ win32/
    
    
    - src/Source directory
    
    
     |- assets/
    
    
     |+ images/
    
    
     |- browser/For browser process scripts
    
    
     |+ menu/
    
    
     |- renderer/For renderer process scripts and resources
    
    
     |+ components/React components
    
    
     | bootstrap.js Entry point for render process
    
    
     | index.html
    
    
     |- styles/SCSS directory
    
    
     | main.scss
    
    
     | app.js Entry point for browser process
    
    
     bower.json
    
    
     gulpfile.js
    
    
     package.json
    
    
    
    

    相关文章