実稼働環境では、バーベルの小型化を無効にするにはどうすればよいですか？

Question

私は一気経由して、JSの縮小のためにbabelifyとbabiliを使用しています：

// Now run the watchifys function for this bundle 
watchifysForBundle[jsBundle] 
    // Note: we don't use any babel presets - instead we just write code in what evergreen browsers support 
    .transform(babelify, { 
     presets: ['babel-preset-babili'], 
     ignore: ['buffer'] 
    }) 

私はNODE_ENVをチェックして、babeliないときは、生産中を無効にするオプションを渡す方法を見つけるように見えることはできませんが。 babelify docsは、この共通の使用例であっても、役に立たないようです。

生産中でないときにbabelifyの縮小を無効にするにはどうすればよいですか？

Answer 1

Babiliは廃止され、babel-minifyに改名されました。代わりに使用する必要があります。あなたは、単に（そのことについてまたはbabel-preset-babili）babel-preset-minifyを使用していない開発の縮小を無効にするには

npm install babel-preset-minify --save-dev 

。 Gulpを使用しているときに、Node.jsが提供するすべてのプリセットを使用して含めることができます。つまり、process.env.NODE_ENVをチェックしてminifyプリセットを含めるかどうかを決定できます。

watchifysForBundle[jsBundle] 
    .transform(babelify, { 
     presets: process.env.NODE_ENV === 'production' ? ['minify'] : [], 
     ignore: ['buffer'] 
    }) 

代替的にはBABEL_ENVが定義されていない場合BABEL_ENV又はNODE_ENVの値と一致するコンフィギュレーションを使用する、（babel-preset-envと混同しないこと）Babel's env option使用することであろう。このアプローチはbabel-preset-minify - Usageに示されています。

{ 
    "env": { 
    "production": { 
     "presets": ["minify"] 
    } 
    } 
} 

envオプションは本当にお勧めと.babelrcはJSONで、条件付きの構成を定義するための良い方法がないため、主に存在していません。これはBabel 7で変更され、Node.jsのフルパワーを持っているところで.babelrc.jsの設定が可能になります。つまり、Gulpと同じことをすることができます。