Rails 现在新的 Rails7 都如何引用别的 plugins 里的 css 的？

QueXuQ · 2022年08月20日 · 最后由 QueXuQ 回复于 2022年08月20日 · 523 次阅读

尝试了一下新的版本。

使用 esbuild 和 tailwind。

试试使用“dropzone”。结果发现怎么都无法加载 dropzone 里的 css 文件。

node_modules/dropzone/dist/min/dropzone.min.css

package.json

{
  "name": "web",
  "private": "true",
  "dependencies": {
    "autoprefixer": "^10.4.4",
    "dropzone": "5.9.3",
    "esbuild": "^0.14.30",
    "postcss": "^8.4.12",
    "tailwindcss": "^3.0.23"
  },
  "scripts": {
    "build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds",
    "build:css": "tailwindcss -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --minify"
  }
}

application.tailwind.css 里，import node_modules/dropzone/dist/min/dropzone.min.css，不行。

在 tailwind.config.js 里加入 require('dropzone') 也不行，第一次接触 rails7，怎么发现前端整得那么多配置文件。不知道现在怎么引入 node_modules 里的 css 文件呢？