为生产环境缩小 Angular js 项目中的 js 文件

【问题标题】：minify js files in angular js project for production environment为生产环境缩小 Angular js 项目中的 js 文件
【发布时间】：2017-09-18 08:54:06
【问题描述】：

我正在使用 Angular js、spring mvc 和 tomcat 8 开发应用程序。我希望在生产环境中缩小我的 js 文件。可以在服务器级别做吗？

【问题讨论】：

显示一些代码，到目前为止你尝试过什么？
AngularJS : automate process to minify project的可能重复

标签： angularjs

【解决方案1】：

是的，您可以使用过滤器。尝试使用 wro4j

index.html 生产环境

<link rel="stylesheet" type="text/css" href="/wro/all.css" />
<script type="text/javascript" src="/wro/all.js"/>

写过滤器

<groups xmlns="http://www.isdc.ro/wro">
      <group name="all">
        <css>/asset/*.css</css>
        <js>/asset/*.js</js>
      </group>
    </groups>  
<filter>
  <filter-name>WebResourceOptimizer</filter-name>
  <filter-class>
    ro.isdc.wro.http.WroFilter
  </filter-class>
</filter>

<filter-mapping>
  <filter-name>WebResourceOptimizer</filter-name>
  <url-pattern>/wro/*</url-pattern>
</filter-mapping>

【讨论】：