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
-, , , ,

執筆者:

関連記事

no image

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

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

.bashrcに追加 [crayon-5c1548c27 …

文字をダブルクリックしてそのままフォーム編集するやつのメモ~in place edit

By: the Italian voice 目次1 Best in place2 Mercury editor3 create.js4 スクラッチで5 X-editable Best in place …

Electronで簡単にMac風UI〜Photon

By: Patrick Hoesly – CC BY 2.0 目次1 Photon2 gulpfile.coffee3 index.scss4 Todolistに適用する5 できた Pho …

no image

Railsで動画を管理する2 動画のサムネイルを作成する~CarrierWave + Flowplayer

  *とりあえず動いているけど、もっとましな方法があるとおもいます 前提 Railsで動画ファイルを管理する~CarrierWave Flowplayer 参考 Rubyでffmpegのラッ …

no image

Private_pubでのJSON通信の方法

  前回 Rails3.2でBackbone.jsとPrivate_pubでToDoアプリをリアルタイム化(できた!)   Gemfileへの追加とbundleの実行 privat …