问在Rails 6中使用webpacker导入CSS

EN

您可能希望实际导入到CSS和javascript中！

例如，典型的设置将包含app/javascript/styles/application.css，它将引导您的全局css：

@import "tailwindcss/base";

@import "tailwindcss/components";
@import "components/buttons"; // custom components that map to path app/javascript/styles/components/buttons.css for example

@import "tailwindcss/utilities";

在您的app/javascript/packs/application.js中，您将导入以下内容：

// other js

import('styles/application.css');

// other js

在您的布局中，您将添加<%= stylesheet_pack_tag 'application' %>以添加来自application.js的css，并添加<%= javascript_pack_tag 'application' %>以添加来自application.js的javascript。

进行此设置的原因是，webpack将处理application.js，它将分别处理CSS和JS。javascript/pack/application.js更像是一个引导/依赖文件，而不是一个正在运行的javascript文件。上面写的是here's a list of stuff I need to work。在这种情况下，其中一件事是app/javascript/styles/xyz.css，顺便说一句，使用post-css来管理它的处理方式。