Webpackのモジュール内でprocess.env.NODE_ENVを読み込む

概要

Webpackでビルドするモジュール内でprocess.env.NODE_ENVを読み込む。

方法

Webpackのpluginsで以下のように書く。process.env.NODE_ENVの内容が読み込まれるようにJSON.stringifyする。

webpack.js

    plugins: [
      new webpack.DefinePlugin({
        'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
      })
    ]

これでWebpackでビルドするときにprocess.env.NODE_ENVが読み込めるので、実際のアプリケーションで以下のように書ける。

config.coffee

'use strict'

config = ''

switch process.env.NODE_ENV
  when 'development'
    config = {
      apiurl: 'http://aaa.com'
    }
  when 'staging'
    config = {
      apiurl: 'http://bbb.com'
    }
  when 'production'
    config = {
      apiurl: 'http://ccc.com'
    }
  else
    config = {
      apiurl: 'http://aaa.com'
    }

module.exports = config;