grails asset-pipeline

介绍

Grails Asset-Pipeline插件用于在Grails应用中管理和处理静态事物,功能还包括处理和压缩CSS和JavaScript文件,还支持编译自定义事物,如CoffeeScript或LESS。

配置

1.压缩

 

PropertyValueDefault
grails.assets.minifyJstrue or falsetrue
grails.assets.minifyCsstrue or falsetrue
grails.assets.enableSourceMapstrue or falsetrue
grails.assets.minifyOptionsMap(see below)
grails.assets.skipNonDigeststrue or falsetrue
 
grails.assets.minifyOptions = [
    languageMode: 'ES5',
    targetLanguage: 'ES5', //Can go from ES6 to ES5 for those bleeding edgers
    optimizationLevel: 'SIMPLE' //Or ADVANCED or WHITESPACE_ONLY
]

2.Asset Taglib URLs

在很多情况下,可以是要修改包含静态文件的URL,在使用CDN或nginx时,这特别有用。

 

grails.assets.url = "http://cdn.example.com/"

命令行

1.asset-clean

清空预编译assets保存的目录(target/assets)

2.asset-compile

编译应用的assets

3.asset-precompile

预编译应用的assets

assetResourceLoacator

这个bean实现了ResourceLocator接口,并且增加了一个方法,入参是一个asset的URI,出参是Resource实例。

class ExampleService {
  def assetResourceLocator
  def someMethod() {
    Resource testCssResource = assetResourceLocator.findAssetForURI('test.css')
  }
}

tags

1.assetPath

<link href="${assetPath(src: 'manifest.json')}"/>

属性:

(1)src

必需属性,grails-app/assets的路径。

(2)absolute

非必需属性,如果设置为true,返回绝对路径 。

2.assetPathExistis

如果指定路径 存在asset,这个tag的body会被渲染。

<asset:assetPathExists src="foo/test.js">
This will only be displayed if there is an asset at foo/test.js
</asset:assetPathExists>

3.deferredScripts

标志<asset:script>块需要渲染。

4.img

<asset:image src="example/foo.png" absolute="true"/>

属性:

(1)src

必需属性,图片路径 

(2)absolute

非必需属性,如果设置为true,src需要以绝对路径指定。

5.javascript

<asset:javascript src="home.js"/>

属性:

(1)src

必需属性。JS 文件的路径 。

(2)charset

非必需属性,文件的字符集。

6.link

<asset:link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>

属性:

(1)href

必需属性,asset的路径 。

(2)ref

非必需属性,显示的名称

(3)type

非必需属性

7.script

内联的js代码块。

<asset:script>
    console.log('hello world');
</asset:script>

8.stylesheet

<asset:stylesheet href="example/style.css"/>

 

 

 

http://bertramdev.github.io/grails-asset-pipeline/guide/introduction.html

 

最后欢迎大家访问我的个人网站:1024s​​​​​​​

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值