Rails Webpacker + Vue 挂载延迟，没有 webpack-dev-server

Question

生产中的安装延迟。

当我使用 webpack-dev-server 时，所有组件的渲染速度都非常快并且工作得很好。但是，当我在开发和生产中仅通过rails s运行应用程序时，我可以从字面上看到 Vue 应用程序的挂载过程。首先，我看到一个来自服务器的 html 模板，然后我的应用程序正在客户端上初始化和呈现。它被称为按需编译。但我不认为这是一个正常的工作代码，并希望在生产中实现类似 webpack-dev-server 的行为。

我没有尝试过任何东西，因为我不知道是什么让 webpack-dev-server 完美运行并且生产安装如此缓慢。

我还应该说，它只是一个前端没有复杂逻辑的 CRUD 应用程序。所以没有什么沉重的，使安装这么慢。

你认为我应该从哪里开始寻找这种行为的原因？

Answer 1

在 config/webpacker.yml 中，您可能具有此设置进行开发

development:
  <<: *default
  compile: true

这导致了按需编译。

对于生产环境，您是否确保将编译设置为false？

production:
  <<: *default
  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

你的 Vue 代码应该在启动 rails 服务器之前通过 rake assets:precompile 命令进行编译。