Help us understand the problem. What is going on with this article?

electron+babelのテンプレートを作ってみた その1

More than 1 year has passed since last update.

自分で何かする時用のテンプレートをつくったのでメモ

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

umema4
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした