Question

我使用通配符加载我的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>

谢谢！

Answer 1

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

Answer 2

感谢输入，Alex。

我创建了一个使用您在上面提供的信息的ServletFilter。我在这里张贴后代。注意：这不是理想的代码（例如缓存太多），它只是让人们了解实现的样子。我的实现使用Spring的DelegatingFilterProxy来告诉代码要担心哪些组。至于创建一个插件，你能指出我实现的一些文档的方式，我在这方面有些朦胧吗？

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>

wro4j - 如何在调试模式下禁用聚合功能？

2 个答案: