ruby-on-rails - Rails 5 - 如何在资产管道中包含所有供应商资产?
问题描述
我发现了几个关于在vendor/assets
目录中包含资产的不同线程,但没有找到任何对我有用的东西。以前,我将所有供应商资产都放在app/
目录中,但将 JavaScript 移到vendor/assets/javascripts/
目录中,将 CSS 移到vendor/assets/stylesheets/
目录中。
我现在正试图在开发和生产中加载我的供应商资产,但它们根本没有加载。这是我的assets.rb
文件:
# Be sure to restart your server when you modify this file.
# Version of your assets, change this if you want to expire all your assets.
Rails.application.config.assets.version = '1.0'
# Add additional assets to the asset load path
# Rails.application.config.assets.paths << Emoji.images_path
# Precompile additional assets.
# application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
Rails.application.config.assets.precompile += [
Rails.root.join('vendor/assets/javascripts/*').to_s,
Rails.root.join('vendor/assets/stylesheets/*').to_s
]
我也尝试将vendor/assets/
目录添加到Rails.application.config.assets.paths
,但这没有帮助。
如何在资产管道中包含所有供应商资产?
更新
我通过添加以下内容来加载我的供应商 JavaScript app/assets/javascripts/application.js
:
//= require_tree ../../../vendor/assets/javascripts/.
但是,我正在使用 Sass,但仍然无法加载 SCSS 文件。
解决方案
在记住 Rails 资产加载路径和 Sprocket 是不同的系统后,我终于弄明白了。这是我所做的:
在config/initializes/assets.rb
中,我添加了以下几行:
# Add additional assets to the asset load path
Rails.application.config.assets.paths += [
Rails.root.join('vendor', 'assets').to_s
]
# Precompile additional assets.
# application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
Rails.application.config.assets.precompile += [
Rails.root.join('vendor/assets/javascripts/*').to_s,
Rails.root.join('vendor/assets/stylesheets/*').to_s
]
第一个块将供应商资产添加到 Rails 资产路径。这允许我在视图助手中使用供应商资产(例如:)image_tag
。第二个块允许我的供应商 JavaScript 和 CSS 与我的其余资产一起预编译。
app/assets/javascripts/application.js
然后,我在上面添加了以下行//= require_tree .
:
//= require_tree ../../../vendor/assets/javascripts/.
这将自动将我放入的所有 JavaScript 文件添加到我的应用程序中vendor/assets/javascripts
。
对于 Sass,我将以下内容添加到app/assets/stylesheets/application.sass
:
@import "../../../vendor/assets/stylesheets/*";
我之前添加了这一行,@import "*";
以便我自己的应用程序的样式优先。这将包括我的应用程序中的所有供应商 Sass 文件。然后我重命名了所有供应商.css
文件以使用.scss
扩展名。
现在开发工作正常,我担心预编译。我在rails assets:precompile
本地运行,果然,我所有的供应商资产都包括在内!
推荐阅读
- groovy - 如何更改 hybris 中的所有 PK 种子值?
- terraform - 如何从 terraform 模块中提取私有 IP 地址
- reactjs - 如何使用react table并从第三列开始展开?
- jupyter-notebook - Jupyter Notebook:如何在 CTRL-C 之后跳过确认?
- vue.js - 使用 axios 下载 zip 文件,但 zip 文件损坏,无法解压
- operating-system - 即使文件大小增加,使用的磁盘空间也会减少吗?
- rust - Rust 默认 i32 或 i64
- node.js - 使用 Mongoose(MongoDB) 实现 addFields
- javascript - 更新 ProgressBar.js 圈子的现有文本
- python - 使用 Python 的析构函数中的分段错误