javascript - 在 Rails 中从 JavaScript 加载特定的 CSS 文件

Question

我正在努力采用我非常喜欢的 html5up 模板并将其放入 Rails 中。除了一件事，我的一切都在工作。在js中他们有这个

skel.init({
        reset: 'full',
        breakpoints: {
            'global':   { range: '*', href: 'css/style.css', containers: 1400, grid: { gutters: 40 }, viewport: { scalable: false } },
            'wide':     { range: '961-1880', href: 'css/style-wide.css', containers: 1200, grid: { gutters: 40 } },
            'normal':   { range: '961-1620', href: 'css/style-normal.css', containers: 960, grid: { gutters: 40 } },
            'narrow':   { range: '961-1320', href: 'css/style-narrow.css', containers: '100%', grid: { gutters: 20 } },
            'narrower': { range: '-960', href: 'css/style-narrower.css', containers: '100%', grid: { gutters: 15 } },
            'mobile':   { range: '-736', href: 'css/style-mobile.css', grid: { collapse: true } }
        },

它会根据您的屏幕尺寸加载特定的 css 文件。当它只是使用 apache 加载时，这工作正常，但在 rails 中，当它在 Assets /样式表中时，所有 css 都被一起放入 application.css 中，这意味着我将无法做任何这样的事情。有没有办法让这些 css 文件分开并像这里一样从 js 动态加载它们？

Answer 1

想通了。我只是将其公开，然后从 ../stylesheets/mycss.css 中引用它