运行本地测试时使用 webpack 开发服务器

Question

当我运行我的黄瓜本地 webpacker 正在编译我的包时：

Webpacker is installed Using /path/to/config/webpacker.yml file for setting up webpack paths [Webpacker] Compiling assets

有时我想打开调试控制台，在浏览器中看到测试页面。我键入 current_url 并将输出粘贴到浏览器地址栏。当我在 JS 或 CSS 中进行更改时，它们在我重新加载测试页面时不可见。但是更改会立即被开发服务器接收

运行ning 在本地测试时如何使用 webpack 开发服务器而不是编译？最好在 CI 上编译资产。我们使用 Solano 并且有 TDDIUM 环境变量

我试过设置

config.assets.compile = false 在 config/environments/test.rb

但是当我开始测试时我看到错误：

File with URL "/stylesheets/email.css"

我们将 sprockets 与 webpacker 一起使用。

Rails.application.config.assets.precompile += %w(
  email.css
  ...
)

Answer 1

我发现最简单的方法是在测试环境中添加以下代码：

# config/environments/test.rb

# Use webpack dev server when running tests locally
unless ENV["TDDIUM"].present?
  ENV["NODE_ENV"] = "development"
end

运行本地测试时使用 webpack 开发服务器

Use webpack dev server when running tests locally

ruby-on-rails

livereload

webpacker

运行 本地测试时使用 webpack 开发服务器

Use webpack dev server when running tests locally

ruby-on-rails

livereload

webpacker

运行本地测试时使用 webpack 开发服务器