Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Rails:生产时js文件中的样式表路径_Javascript_Css_Ruby On Rails_Ruby On Rails 4 - Fatal编程技术网

Javascript Rails:生产时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

在我的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' }
        }
    });
如您所见,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路径如何展开