React + rollup.js + Babel (ES2015 + stage-2)

동기 부여

설정

종속 모듈

$ npm install --save-dev \
    rollup \
    rollup-watch \
    rollup-plugin-node-resolve \
    rollup-plugin-commonjs \
    rollup-plugin-babel \
    rollup-plugin-env \
    babel-preset-es2015-rollup \
    babel-preset-stage-2 \
    babel-preset-react

$ npm install --save \
    react \
    react-dom

.babelrc

{
  "presets": ["es2015-rollup", "stage-2", "react"]
}

rollup.config.js

import nodeResolve  from "rollup-plugin-node-resolve";
import env          from "rollup-plugin-env";
import commonjs     from "rollup-plugin-commonjs";
import babel        from "rollup-plugin-babel";

export default {
  entry:    "src/scripts/app.js",
  dest:     "dist/bundle.js",
  plugins:  [
    nodeResolve({ jsnext: true, main: true }),
    env({ NODE_ENV: process.env.NODE_ENV }),
    commonjs(),
    babel()
  ]
};

함정

소감

좋은

여드름

슈퍼 대규모가 된 JS 앱의 지식이 별로 없기 때문에, 그에 익숙한 사람의 의견이라든지 듣고 싶다

References