{"blog_url":"https://obel.hatenablog.jp/","blog_title":"\u7d04\u675f\u306e\u5730","provider_url":"https://hatena.blog","type":"rich","title":"webpack \u3067 bundle \u3057\u305f\u30d5\u30a1\u30a4\u30eb\u306e\u4e2d\u3067 dotenv \u3092\u4f7f\u3046\u5834\u5408\u306b\u306f dotenv-webpack \u3092\u7528\u3044\u308b\u5fc5\u8981\u304c\u3042\u308b","published":"2020-03-14 03:00:00","width":"100%","author_url":"https://blog.hatena.ne.jp/gregminster/","author_name":"gregminster","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fobel.hatenablog.jp%2Fentry%2F20200314%2F1584122400\" title=\"webpack \u3067 bundle \u3057\u305f\u30d5\u30a1\u30a4\u30eb\u306e\u4e2d\u3067 dotenv \u3092\u4f7f\u3046\u5834\u5408\u306b\u306f dotenv-webpack \u3092\u7528\u3044\u308b\u5fc5\u8981\u304c\u3042\u308b - \u7d04\u675f\u306e\u5730\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","version":"1.0","url":"https://obel.hatenablog.jp/entry/20200314/1584122400","height":"190","description":"\u7d50\u8ad6 \u6a19\u984c\u306e\u307e\u307e\u3068\u306a\u308a\u307e\u3059\u3002dotenv \u3092\u7528\u3044\u3066\u3044\u308b\u30d5\u30a1\u30a4\u30eb\u3092 webpack \u3067 bundle \u3057\u305f\u5834\u5408\u3001\u305d\u306e\u307e\u307e\u3067\u3059\u3068 dotenv \u304c\u7528\u3044\u3089\u308c\u307e\u305b\u3093\u3002\u305d\u306e\u305f\u3081\u3001dotenv-webpack \u3092\u7528\u3044\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u3084\u308a\u65b9 1. dotenv-webpack \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059 --dev \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4ed8\u3051\u3066\u3088\u3044\u3067\u3059\u304c\u3001\u3053\u3053\u3067\u306f\u5272\u611b\u3057\u307e\u3059\u3002 $ npm install dotenv-webpack \u307e\u305f\u306f $ yarn add dotenv-webpack 2. webpack.config.js \u306b\u8a2d\u5b9a\u3092\u66f8\u304f require \u3057\u3066\u304b\u3089\u3001plugins: \u306b\u66f8\u304d\u52a0\u3048\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u2026","image_url":"https://raw.githubusercontent.com/webpack/media/master/logo/icon-square-big.png","categories":["\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0 -> \u8a00\u8a9e -> JavaScript"],"provider_name":"Hatena Blog"}