首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Grails资产-管道不获取资源需求

Grails资产-管道不获取资源需求
EN

Stack Overflow用户
提问于 2014-05-31 10:37:43
回答 2查看 2.4K关注 0票数 1

我有一个Grails (2.3.6)应用程序,并将其配置为使用asset-pipeline

代码语言:javascript
复制
// BuildConfig.groovy
plugins {
    compile ":asset-pipeline:1.8.7"
}

在我的grails-app/assets/javascripts目录中,我有:

  • myapp.js
  • fizz.js
  • buzz.js

然后在我的grails-app/views/index.gsp

代码语言:javascript
复制
<!DOCTYPE html>
<html>
    <head>
        <title>My App</title>
        <link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'myapp.css')}" />
    </head>
    <body>
        <div id="home" class="page">
            <!-- Content... -->
        </div>
        <asset:javascript src="myapp.js" />
    </body>
</html>

最后,在我的myapp.js

代码语言:javascript
复制
= require fizz.js
= require buzz.js
= require_self

// INITIALIZE THE APPLICATION.
init();

function init() {
    alert("Do stuff!");
}

当我做grails run-app时,应用程序就会启动得很好。当我去查看页面源(对于index.gsp)时,我得到:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
    <head>
        <title>My App</title>
        <link rel="stylesheet" type="text/css" href="/static/css/myapp.css" />
    </head>
    <body>
        <div id="home" class="page">
            <!-- Content... -->
        </div>
        <script src="/assets/myapp.js?compile=false" type="text/javascript" ></script>
    </body>
</html>

但是,当我点击/assets/myapp.js?compile=false链接查看它的源代码时,我得到了与上面完全相同的JS:

代码语言:javascript
复制
= require fizz.js
= require buzz.js
= require_self

// INITIALIZE THE APPLICATION.
init();

function init() {
    alert("Do stuff!");
}

因此,asset-pipeline不仅没有在myapp.js顶部翻译这些require语句,也没有提取指定的JS文件,而且它也没有去掉require。如何配置插件以正确地插入其他JS库(fizz.jsbuzz.js)?

EN

回答 2

Stack Overflow用户

发布于 2014-05-31 13:36:27

在使用资产管道时,需要与require指令一起使用适当的语法。

这就是myapp.js应该从(没有空的第一行)开始的方式:

代码语言:javascript
复制
//= require fizz.js
//= require buzz.js
//= require_self

详细参考使用文件

票数 2
EN

Stack Overflow用户

发布于 2014-09-27 23:13:37

在实现#dmahapatro回答后,您的页面源应该自动显示

代码语言:javascript
复制
 !DOCTYPE html>
 <html>
<head>
    <title>My App</title>
    <link rel="stylesheet" type="text/css" href="/static/css/myapp.css" />
</head>
<body>
    <div id="home" class="page">
        <!-- Content... -->
    </div>
    <script src="/assets/myapp.js?compile=false" type="text/javascript" ></script><script src="/assets/fizz.js?compile=false" type="text/javascript" ></script><script src="/assets/buzz.js?compile=false" type="text/javascript" ></script>
</body>
</html>

这个代码片段

代码语言:javascript
复制
    /*
     *= require fizz.js
    */

告诉make资产管道在打开应用程序上的页面时,将fizz.js文件作为链接脚本添加到头中

这也适用于css文件(视情况而定)。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23969034

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档