WebpackのDefinePluginが何かと便利そうだったので、node-env-fileとの活用を考えてみました。 DefinePlugin var webpack = require("webpack") var loadenv = require("node-env-file") module.exports = { "entry": "...", "output": "...", module: { // loaderの設定 }, plugins: [ new webpack.DefinePlugin({ //ココに定義を書いていく... }) ] } DefinePluginは、webpack.config.js内からモジュールに対し、設定値等の値を注入できるプラグインです。 APIのエントリURLや、各種設定値、環境値等を埋め込むことで、同一のコードを用いながらアプリケーシ
![Webpackを使ってJSでも.envしたい - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/24a2ac019f1e5698487030a2ebcd83796aa60bf0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9V2VicGFjayVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNkpTJUUzJTgxJUE3JUUzJTgyJTgyLmVudiVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MSU4NCUyMCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NWJiNDc2YmIxMTZmYTYzODQ0MDA0YTAyZTcwNDg2ZWM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtaWtha2FuZSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YmEyZGZjODk0MzBjNDU0NDQ1NDMzZTI4YmMxYzgwYTU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3De08f69ca8f6e59718b402182e38bed60)