Tailwind渐变类在Webpack项目中不生效问题排查

更新/简述：并非如之前所想与Webpack相关，而是意外在配置文件中覆盖了渐变类。

为什么bg-gradient-to-r from-purple-500 to-pink-500这类渐变在Codepen里能正常生效，但在搭配Webpack和Tailwind配置文件的项目里却无法应用？我知道可以通过修改配置文件设置自定义颜色来解决，但搞不懂为什么不能直接开箱即用。元素本身没问题（比如能正常应用背景色），而且渐变类已经加上了（附截图）。目前我能通过下面这个自定义@layer类实现渐变，但作为Tailwind新手，想搞清楚自己哪里漏了。

@layer {
  .grad {
    background-image: linear-gradient(to right, #a855f7, #ec4899);
  }
}

更新1：已添加示例仓库，将渐变应用到第二个区块。

更新2：不使用Webpack时渐变类可正常生效，可查看极简仓库的内容。

内容的提问来源于stack exchange，提问作者NickW