Rails ExtJS- 如何 build/compile 一个 css 文件
Rails ExtJS- How to build/compile a css file
我有一个 Rails 和 ExtJS 应用程序,其中包含
下的所有图像
MyApplication/app/assets/graphics
样式在下面的文件中列出->
MyApplication/app/assets/stylesheets/css/styles.less
以下文件似乎有所有样式的编译版本
MyApplication/app/assets/stylesheets/css/lt.css
我在图形文件夹下添加了一个新图像 test.png。我怎样才能将它编译成样式?到目前为止,当我在我的代码中引用此图像时,它不会显示,因为它不在 lt.css 文件中。
谢谢!
更新
抱歉,我没有看到样式表文件夹中有 css 文件夹。
根据 Rails Guide,如果您有其他清单或个人样式表和 JavaScript 文件要包含,您可以将它们添加到 config/initializers/assets.rb
中的预编译数组:
Rails.application.config.assets.precompile += ['admin.js', 'admin.css', 'swfObject.js']
SASS & LESS 都使用资产助手 asset-url($relative-asset-path)
除了 SASS 默认配备 rails,所以你可以在你的 [=15] 中使用这个助手=] 或 lt.scss
(文件扩展名很重要)
background: image-url('test.png');
只需将您的 lt.css
更改为 .less
或 .scss
图像就会出现,并且会在使用资产助手后为您预编译。
如果您想在部署前从您的终端编译到生产环境运行:
rake tmp:cache:clear
rake assets:precompile RAILS_ENV=production
希望对你有帮助
我有一个 Rails 和 ExtJS 应用程序,其中包含
下的所有图像MyApplication/app/assets/graphics
样式在下面的文件中列出->
MyApplication/app/assets/stylesheets/css/styles.less
以下文件似乎有所有样式的编译版本
MyApplication/app/assets/stylesheets/css/lt.css
我在图形文件夹下添加了一个新图像 test.png。我怎样才能将它编译成样式?到目前为止,当我在我的代码中引用此图像时,它不会显示,因为它不在 lt.css 文件中。 谢谢!
更新
抱歉,我没有看到样式表文件夹中有 css 文件夹。
根据 Rails Guide,如果您有其他清单或个人样式表和 JavaScript 文件要包含,您可以将它们添加到 config/initializers/assets.rb
中的预编译数组:
Rails.application.config.assets.precompile += ['admin.js', 'admin.css', 'swfObject.js']
SASS & LESS 都使用资产助手 asset-url($relative-asset-path)
除了 SASS 默认配备 rails,所以你可以在你的 [=15] 中使用这个助手=] 或 lt.scss
(文件扩展名很重要)
background: image-url('test.png');
只需将您的 lt.css
更改为 .less
或 .scss
图像就会出现,并且会在使用资产助手后为您预编译。
如果您想在部署前从您的终端编译到生产环境运行:
rake tmp:cache:clear
rake assets:precompile RAILS_ENV=production
希望对你有帮助