Javascript Rails:生产时js文件中的样式表路径
在我的js文件中,我有一些配置,比如Javascript Rails:生产时js文件中的样式表路径,javascript,css,ruby-on-rails,ruby-on-rails-4,Javascript,Css,Ruby On Rails,Ruby On Rails 4,在我的js文件中,我有一些配置,比如 skel.init({ reset: 'full', containers: '100%', breakpoints: { global: { href: '/assets/skel/style.scss', grid: { gutters: ['2.5em', 0] } }, xlarge: { media: '(max-width: 1800px)', hre
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' }
}
});
如您所见,css文件有href
s,如href:'/assets/skel/style.scss'
,它们包含在app/assets/stylesheets/skel
目录中。在开发中,它工作得非常完美,但在生产资产编译和js中找不到这些css文件
我试图将
config.assets.precompile+=['skel/*']
添加到production.rb
以将skel
资产编译到skel
目录,但如果将.erb
扩展名添加到javascript文件,则没有任何帮助,您可以在javascript中使用asset\u path
帮助程序,这些帮助程序将在资产预编译中正确展开。例如,将您的javascript文件设置为some_filename.js.erb
,然后在内部设置CSS的路径,如下所示:
global: { href: '<%= stylesheet_path "skel/style" %>', grid: { gutters: ['2.5em', 0] } }
global:{href:'',网格:{gutters:['2.5em',0]}
等等
有关参考信息,请参见了解样式表\u路径如何展开