如何压缩ABP自动生成的AngularJS应用服务JS文件？

我来帮你搞定这个困扰！ABP自动生成的那些AngularJS服务文件，因为不是手动编写的，确实容易被打包工具“忽略”，不过有几个实用的办法能解决这个问题：

方法1：更新WebEssentials的Bundle配置，包含生成文件路径 #

WebEssentials默认只会扫描特定目录下的文件，你需要手动把ABP生成的服务文件路径添加到它的打包规则里：

1. 找到项目中的bundleconfig.json文件（这是WebEssentials的核心配置文件）
2. 打开后，找到你定义的JS打包条目，把ABP生成文件所在的目录或具体路径加进去。比如生成的文件在~/Scripts/Abp/ServiceProxies/下，配置就改成这样：

   {
     "outputFileName": "wwwroot/js/app-bundle.min.js",
     "inputFiles": [
       "~/Scripts/angular.min.js",
       "~/Scripts/Abp/**/*.js", // 通配符匹配ABP生成的所有JS文件
       "~/Scripts/app/**/*.js"
     ],
     "minify": {
       "enabled": true,
       "renameLocals": true
     }
   }
   

3. 保存配置后，重新运行WebEssentials的打包命令（右键项目→Web Essentials→Bundle Files），这些自动生成的服务文件就会被纳入压缩范围了。

方法2：改用Gulp实现更灵活的自动化打包 #

如果WebEssentials的配置限制比较多，换成Gulp会更可控，步骤也不复杂：

1. 先在项目根目录执行npm命令安装依赖：

   npm install gulp gulp-concat gulp-uglify gulp-sourcemaps --save-dev
   

2. 在项目根目录创建gulpfile.js，写入打包逻辑，明确包含ABP的服务文件：

   const gulp = require('gulp');
   const concat = require('gulp-concat');
   const uglify = require('gulp-uglify');
   const sourcemaps = require('gulp-sourcemaps');
   
   // 定义打包压缩JS的任务
   gulp.task('build-js', function() {
     return gulp.src([
       'Scripts/angular.min.js',
       'Scripts/Abp/ServiceProxies/**/*.js', // 锁定ABP生成的服务文件
       'Scripts/app/**/*.js'
     ])
     .pipe(sourcemaps.init()) // 生成sourcemap方便调试
     .pipe(concat('app-bundle.min.js'))
     .pipe(uglify()) // 压缩代码
     .pipe(sourcemaps.write('./')) // 输出sourcemap文件
     .pipe(gulp.dest('wwwroot/js')); // 输出到目标目录
   });
   
   // 默认执行打包任务
   gulp.task('default', gulp.series('build-js'));
   

3. 在终端运行gulp命令，就能一次性完成所有JS文件的打包压缩，包括ABP生成的那些服务文件。你还可以添加监听任务，让文件修改后自动重新打包，提升开发效率。

方法3：调整ABP服务生成的输出路径 #

如果不想修改打包工具的配置，也可以直接调整ABP生成服务文件的输出目录，让它落到WebEssentials默认扫描的目录下：

• 打开ABP代码生成的配置界面（或者相关的生成脚本），把服务文件的输出路径设置为Scripts/app/service-proxies/这类WebEssentials默认会包含的目录，这样打包工具就会自动识别并压缩这些文件了。

小提示 #

打包前记得清理旧的打包文件，避免缓存导致的问题。WebEssentials可以在配置里开启“清理输出目录”的选项，Gulp则可以借助gulp-clean插件实现自动清理。

内容的提问来源于stack exchange，提问作者gezanoletti