JavaScript node.js

Gulp+WebpackでElectronのライブリロード

投稿日:

electron-connect

前につくった環境をアップデートしたら大変だったのでメモ

package.json

結果、開発環境で使ったライブラリ.

.babelrc

babelはバージョン7から、@babel/coreをつかう.
babel-loaderのバージョン8は、babelのバージョン7以上が必要なので、@babel/coreのほうを使わなければならない.
で、presetのほうもそれに対応したものをつかう.

webpack.config.coffee

前はbrowseryを使っていたのをwebpackに変えた.

gulpfile.coffee

gulpはバージョン4がこの春にでたぽい.今はgulp@nextをつけなくても、バージョン4がインストールされる.
gulp4では、gulp.taskは単なる関数をexportsする方法でもよくなった.
exportsすると、gulp indexとかで指定のタスクを実行できる.
gulp-watchの第2引数の方は、単なる関数の方を実行している.
exports先の方のタスクはなぜか実行できなかった.

Electronでは、mainプロセスのほうとrendererプロセスのほうの開発に分けられるけど、
mainプロセスのほうはnode.jsなのでたぶんbabelでトランスコンパイルしなくてもes2016のままでいける.
rendererプロセスのほうはchromeをつかってるので、基本babelでトランスコンパイルする.
そのほかcssや画像などのパッキングも含めて、rendererプロセスのほうはwebpackにまかせる.
mainプロセスのほうは、gulpでcoffeescript2をコンパイルして、移動させる.

webpack-streamはエラーが出ても、gulpが止まらないように設定する.

React.jsがつかえるか試してみる

React Treebeardというコンポーネントを試してみた.ほぼREADMEのまま.

-JavaScript, node.js
-, , , ,

執筆者:

関連記事

デスクトップアプリを作成できるフレームワークをWindowsで触ってみた~Electron

By: Adam Jenkins – CC BY 2.0 目次1 Electron2 前提3 electronのインストール4 Hello World5 パッケージング6 DevTool7 …

no image

Railsで動画ファイルを管理する~CarrierWave Flowplayer

  参考 Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick Rails3で動画配信を試用~flowplayer 環境 Ubuntu …

RailsでHTML5対応のvideoプレイヤーを利用してみる~flowplayer5.0.0

  参考 flowplayer.org/ Flowplayerのサイトからバージョン5.0.0がダウンロードできる flowplayer-gemのバージョンは3.2.4 バージョン5では基本 …

no image

CentOS5.8にnodebrewでnode.jsをインストール

github.com/hokaccha/nodebrew インストールは簡単

.bashrcに追加 [crayon-5d081baa7 …

Electronでsql.js

By: Dmitry Baranovskiy – CC BY 2.0 目次1 sql.js2 準備3 インストール4 main.coffee5 index.coffee6 index.ht …