时间戳

首页 > 解决方案 > 我的顺风实用程序类在生产中不起作用

ruby-on-rails - 我的顺风实用程序类在生产中不起作用

问题描述

我找到了“Nirvana”（或者我应该说 Tailwind）——这就是我发现这个库/框架有多棒！它适用于 Rails - 和 Webpacker。事实上，除了这个臭虫之外，一切都很好；

我有我的这个鬼鬼祟祟的小装置，它提供了可读性很强的视图模板（是的 - 我知道 - 它显然存在一百万种缺陷，但它完成了工作，我能说什么）

# helpers/menusHelper

  def sidebar_nav options=nil, &block
    opt = {
      :"x-show"=>"mobileSidebarOpen" ,
      :"aria-label"=>"Sidebar",  
      :"x-description"=>"Off-canvas menu, show/hide based on off-canvas menu state." ,
      :"x-transition:enter"=>"transition ease-in-out duration-300 transform" ,
      :"x-transition:enter-start"=>"-translate-x-full" ,
      :"x-transition:enter-end"=>"translate-x-0" ,
      :"x-transition:leave"=>"transition ease-in-out duration-300 transform" ,
      :"x-transition:leave-start"=>"translate-x-0" ,
      :"x-transition:leave-end"=>"-translate-x-full" ,
      :class => "absolute left-0 flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 bg-premier-blue flex-shrink-0 h-full divide-y divide-cyan-800 overflow-y-auto top-12" ,
      :style => "display: none;"
    }
    opt.merge! options if options 
    content_tag :nav, nil, opt, &block
  rescue 
    content_tag :nav, nil, { class: "sidebar_nav error" }, &block
  end

现在 - 问题是它确实有效 - 除了我没有从顶部获得 3rem 的距离，你看到了！

我喜欢 - 很多 - 实用程序类，它们都可以工作（或者至少我认为它们可以）！

该课程未受影响-在网站上，我可以在导航标签上找到确切的价值；

某事——嗯——不——嗯，我不知道！它位于 therails webpacker:compile和 the之间的某个位置git push dokku hermes

如果我偶然发现答案，我会报告 -

标签： ruby-on-railswebpackerpostcss

解决方案

有时答案就在您的眼皮底下——就像手头的情况一样！我知道这与我开始“上传”到服务器之前发生的事情有关，我的眼睛盯着 PostCSS；它当然得到了回报！

我的 tailwind.config.js 告诉 PostCSS 要清理哪些文件 - 它看起来像这样：


module.exports = {
  purge: [
    './app/assets/**/*.js',
    './app/assets/**/*.coffee',
    './app/javascript/**/*.coffee',
    './app/javascript/**/*.js',
    './app/views/**/*.haml',
    './app/views/**/*.erb',
    './app/**/*.jsx',
  ],

- 但是因为我开始“发明这些小帮手”，所以我忘记在 PostCSS 的“购物清单”中包含 *.rb 文件！

这就是它的外观 - 至少对于我正在做的事情：

module.exports = {
  purge: [
    './app/assets/**/*.js',
    './app/assets/**/*.coffee',
    './app/javascript/**/*.coffee',
    './app/javascript/**/*.js',
    './app/views/**/*.haml',
    './app/helpers/*.rb',
    './app/views/**/*.erb',
    './app/**/*.jsx',
  ],

推荐阅读