babel, babelify, browserify でブラウザアプリで環境変数を process.env から使うには

babel v5.8.23, babelify v7.1.0, browserify v11.2.0 で、ブラウザアプリで環境変数を process.env から使うのに、babel-plugin-transform-node-env-inline v6.3.13 を導入しました。

gulp タスクのサンプルです。

  var bundler = browserify({
    // required watchify args
    cache: {}, packageCache: {},
    // Browserify options
    entries: [HOGE],
    debug: true
  })
  .transform(babelify, {plugins: "transform-node-env-inline", presets: ["es2015", "react", "stage-2"]})
  .transform(browserifyShim);

URL

• https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-node-env-inline