5

我正在使用通配符来加载我的 javascript 和 css 文件，并且效果很好，但是在开发阶段使用聚合的 javascript 文件很痛苦。有没有办法让 wro4j 不聚合文件，而只是单独包含它们？

我的wro.xml档案

<groups xmlns="http://www.isdc.ro/wro">
 <group name="external">
    <js>/app/lib/*.js</js>
 </group>

 <group name="application">
    <js>/js/*.js</js>
    <css>/css/normalize.css</css>
    <css>/css/*.css</css>
 </group>
</groups>

谢谢！

4

2 回答 2

5

在开发模式下有一个技巧可以实现这一点（debug=true）。有一个端点（/wro/wroAPI/model- 如果您将 WroFilter 映射到 ，则这是有效的/wro/*），它返回模型的 JSON 表示。使用此 JSON，您可以通过迭代组条目轻松地为给定组插入脚本和/或 css 链接。默认情况下还没有这样的小部件可用，但是如果您创建一个并想要贡献它 - 欢迎您:)。

于 2013-01-18T09:16:21.197 回答
3

感谢您的输入，亚历克斯。

我创建了一个使用您上面提供的信息的 ServletFilter。我把它贴在这里以供后代使用。注意：这不是理想的代码（例如缓存太多），它只是为了让人们了解实现的样子。我的实现使用 SpringDelegatingFilterProxy来告诉代码需要担心哪些组。就创建插件而言，您能否为我指出一些实现文档的方法，我在那方面很模糊？

public class WroDebugFilter implements Filter
{
    //http loader is shamelessly stolen from another project.
    SimpleHttpLoader httpLoader = new SimpleHttpLoader();

    private List<String> jscriptFiles;
    private List<String> debugGroups;

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        //To change body of implemented methods use File | Settings | File Templates.
    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {

        request.setAttribute("jscriptFiles",getJavaScriptFiles((HttpServletRequest) request));

        chain.doFilter(request,response);
    }

    private List<String> getJavaScriptFiles(HttpServletRequest request) {

        if (jscriptFiles == null) {

            List<String> cssFiles = new ArrayList<String>();
            List<String> jsFiles = new ArrayList<String>();

            JsonParser jsonParser = new JsonParser();

            String url = httpLoader.httpGet(getApiUrl(request));

            JsonObject data = jsonParser.parse(url).getAsJsonObject();
            JsonArray groups = data.getAsJsonArray("groups");

            for (JsonElement group : groups) {

                JsonObject groupObject = group.getAsJsonObject();

                String groupName = groupObject.get("name").getAsString();

                if (debugGroups.contains(groupName)) {

                    JsonArray resources = groupObject.getAsJsonArray("resources");

                    for (JsonElement resource : resources) {
                        JsonObject resourceObject = resource.getAsJsonObject();
                        String uri = resourceObject.get("uri").getAsString();

                        if (uri.contains(".css")) {
                            cssFiles.add("\t<link rel=\"stylesheet\" href=\"" + request.getContextPath() + uri +"\">");
                        }
                        else {
                            jsFiles.add("<script type=\"text/javascript\" src=\"" + request.getContextPath() + uri + "\"></script>");
                        }
                    }
                }

            }
            cssFiles.addAll(jsFiles);
            jscriptFiles = cssFiles;
        }

        return jscriptFiles;
    }

    private String getApiUrl(HttpServletRequest request) {

        String serverName = request.getServerName();
        String contextPath = request.getContextPath();
        int port = request.getServerPort();

        return String.format("http://%s:%s%s/%s",serverName,port,contextPath,"wro/wroAPI/model");
    }

    @Override
    public void destroy() {
        //To change body of implemented methods use File | Settings | File Templates.
    }

    public List<String> getDebugGroups() {
        return debugGroups;
    }

    public void setDebugGroups(List<String> debugGroups) {
        this.debugGroups = debugGroups;
    }
}

wro.xml档案_

<groups xmlns="http://www.isdc.ro/wro">
    <group name="external">
        <js>/app/lib/*.js</js>
    </group>

    <group name="application">
        <js>/js/*.js</js>
        <css>/css/normalize.css</css>
        <css>/css/*.css</css>
    </group>
</groups>

和....

弹簧配置

    <bean id="wroDebugFilter" class="gov.mystate.dhw.idalink.web.filter.WroDebugFilter">
        <property name="debugGroups">
                <list>
                    <value>application</value>
                </list>
            </property>
    </bean>
于 2013-01-18T18:08:19.477 回答