Webpacker混乱

时间:2018-05-03 16:27:40

标签: ruby-on-rails webpack assets webpacker

几个月前我在我的Rails应用程序中实现了Webpack,并且正确地编译和组织我的JS,CSS,图像,SVG和字体,并在需要时重命名它们。

现在Webpacker可用并且更多地集成到Rails中我基本上有两个问题:

所有编译好的文件放在哪里?我当前的Webpack设置将它们全部输出到/ public,我可以在那里看到它们。 Webpacker把它们放在哪里?

我在哪里为Webpacker添加任何自定义配置?例如:处理Sass,图像,svg和字体等?

由于

编辑:

DefaultStyledDocument

1 个答案:

答案 0 :(得分:0)

我在Rails 5的 app / assets / stylesheets / applications.scss 中使用了一些图像。当我使用Webpacker切换到Rails 6时出现错误。

我让他们来工作

  1. 创建两个目录: app / javascript / images / app / javascript / styles /
  2. import('styles/application.css')添加到 app / javascript / packs / application.js
  3. 制作一个新文件 app / javascript / styles / application.css ,然后将我的CSS移到其中
  4. 将图像移动到 app / javascript / images / 文件夹
  5. app / javascript / styles / application.css 中的网址更改为backgound-image: image-url("../images/image.png");

我希望这会有所帮助。