javascript - rails : stylesheet path in js file on production

Question

在我的 js 文件中，我有一些配置，例如

skel.init({
        reset: 'full',
        containers: '100%',
        breakpoints: {
            global: { href: '/assets/skel/style.scss', grid: { gutters: ['2.5em', 0] } },
            xlarge: { media: '(max-width: 1800px)', href: '/assets/skel/style-xlarge.scss' },
            large: { media: '(max-width: 1280px)', href: '/assets/skel/style-large.scss', grid: { gutters: ['2em', 0] } },
            medium: { media: '(max-width: 980px)', href: '/assets/skel/style-medium.scss'},
            small: { media: '(max-width: 736px)', href: '/assets/skel/style-small.scss', grid: { gutters: ['1.5em', 0] }, viewport: { scalable: false } },
            xsmall: { media: '(max-width: 480px)', href: '/assets/skel/style-xsmall.scss' }
        }
    });

如您所见，href 用于 css 文件，例如 href: '/assets/skel/style.scss' 包含在 app/assets 中/stylesheets/skel 目录。在开发中它工作完美，但在生产 Assets 编译和 js 找不到那些 css 文件。

我尝试将 config.assets.precompile += ['skel/*'] 添加到 production.rb 以编译 skel Assets 到 skel 目录，但没有帮助

Answer 1

如果您将 .erb 扩展名添加到您的 javascript 文件，您可以在 javascript 中使用 asset_path 助手，它将在 Assets 预编译时正确扩展。例如，将你的 javascript 文件设为 some_filename.js.erb，然后在里面，你可以像这样设置 CSS 的路径:

global: { href: '<%= stylesheet_path "skel/style" %>', grid: { gutters: ['2.5em', 0] } }

等等……

有关引用，请参阅 http://api.rubyonrails.org/classes/ActionView/Helpers/AssetUrlHelper.html#method-i-stylesheet_path弄清楚 stylesheet_path 是如何展开的。