用于生产和开发的不同供应商文件

Question

我正在使用 Phoenix 0.14.0，我打算使用 reactjs 创建用户界面。

我这样做的方法就是将 react.min.js 放入 web/static/vendor 文件夹中。问题是，我希望在开发中使用非缩小版本的 React，因为它有调试代码。

当我使用 react.min.js 时，缩小后的 app.js 的最终大小约为 150K，如果我使用 react.js，则最终大小为 550K，我不认为这是差别可以忽略不计。

有没有办法在 phoenix 中使用不同的静态文件进行生产和开发？

Answer 1

您可以将常规 react.js 放在您的项目中，并让像 uglify-js-brunch minify it for you on production builds, or you can put both files there and use overrides 这样的插件放在您的早午餐配置中 include/exclude 根据您的环境。后者可能看起来像这样：

conventions:
  ignored: [
    /[\/]_/,
    'web/static/vendor/react.min.js'
  ]
overrides:
  production:
    conventions:
      ignored: [
        /[\/]_/,
        'web/static/vendor/react.js'
      ]

用于生产和开发的不同供应商文件

Different vendor file for production and development

elixir

brunch

phoenix-framework

elixir-mix