edo1z blog

プログラミングなどに関するブログです

Babel

webpack2でReactを使う

webpacke2でReactの開発環境を作る。 フォルダ・ファイルを作る $ mkdir react1 $ cd react1 $ mkdir src $ mkdir public $ touch public/index.html $ touch src/index.js $ touch webpack.config.js $ touch postcss.config.js インストール $ npm init -y…

cordova + onsen ui + reactの開発環境

cordova + onsen ui + reactの開発環境を作成してみます。cordovaのテンプレートにして、メンテしていければと思います。環境は、windows10、npm3.10.8です。エディタは、visual studio code1.6.1を使ってます。 プロジェクトを作る npmはインストール済みで…

babel

babel babel-cliは、コマンドラインで使えるやつらしい。 $ npm i -g babel-cli es2015に変換するには、babel-preset-es2015が必要らしい。 $ npm -i babel-preset-es2015 --dev-save さらに、.babelrcというファイルに、presetを記載する必要があるらしい。…

Reactの開発環境

node.jsをインストールして、npmも最新版にする。 npmでプロジェクトつくって、下記をインストールする。 webpack babel react sass reactは、jdxを使うのが基本で、ES6の書き方でjdxを使って書いたものを、babelを使って、ES5のjsに変換する。webpackとbabe…