自分で何かする時用のテンプレートをつくったのでメモ
github
https://github.com/umema4/electron-babel6
開発環境
- windows10
- node v5.6.0
- electron v3.7.1
- gulp v3.9.1
- babel v6.5.1
- webpack v1.12.13
やっていること
src/js/以下のファイルをbabelで変換
webpackでJSのファイルをまとめるようにした
UglifyJsPluginでminify
dev/prodをgulp-env経由のNODE_ENVで切り替え
sourcemapはdevの設定をしたときのみ生成
gulp
or
gulp build-dev
sourcemapなしはprodの設定有効時のみ生成
gulp build-prod
eslintはeslit-config-airbnbを設定
reactは設定しないのでairbnb/baseを適用
vimつかっているので
eslintを-gオプションでもいれて
syntastic側も設定
let g:syntastic_javascript_checkers=['eslint']
はまったところ
babelでの動作が以前と変わっていた
babel6でいろいろかわっていたようだ
importがうまく動かない
babel-preset-es2015を設定する必要あり
electronでsourcemapがうまく表示できない
リロードしたら改善
参考にしたサイト
gulp周り
http://qiita.com/tyfkda/items/92dccc14aa7c05f0d3bc
http://qiita.com/kosuke_nishaya/items/cf7f8a2dbb8e47d064fd
http://qiita.com/inureo/items/6ac74fb19e12f395e4c1
electron周り
http://qiita.com/Quramy/items/90d61ff37ca1b95a7f6d
http://qiita.com/nyanchu/items/15d514d9b9f87e5c0a29
http://qiita.com/nyanchu/items/1dcd42ba6473f6afa575
babel周り
http://qiita.com/suin/items/00f6dc9e910eaeb6476d
次の作業
sassの設定とかアプリのパッケージングを予定
css周りを追加
http://qiita.com/umema4/items/597ed5ac2b5304d8a512
jqueryとかを設定
http://qiita.com/umema4/items/4d69045bd9bb8a96b9ba