ServiceStack Bundler 使用教程

1. 项目目录结构及介绍

ServiceStack Bundler 是一个用于编译和压缩前端资源的工具，它的目录结构如下：

/bundler
│
├── /src
│   ├── /Bundler.cs        # C# 类文件，用于 ASP.NET MVC 和 ServiceStack 集成
│   └── /BundlerConfig.cs  # 配置类文件
│
├── /tests
│   └── ...                # 测试文件
│
├── .gitignore             # Git 忽略文件
├── LICENSE                # 许可证文件
└── README.md              # 项目说明文件

• /bundler: 包含 Bundler 的主要文件。
• /src: 源代码目录，包含用于集成的 C# 类文件。
• /tests: 测试代码目录。
• .gitignore: 指定 Git 应该忽略的文件和目录。
• LICENSE: 项目许可证信息。
• README.md: 项目介绍和说明。

2. 项目的启动文件介绍

项目的启动主要通过 bundler.cmd 脚本文件进行。这个文件通常位于 /bundler 目录下，其内容如下：

@echo off
node bundler.js %1 %2

这个脚本使用 Node.js 运行 bundler.js 文件，并传入两个参数，通常是 CSS 和 JS 文件所在的目录。

3. 项目的配置文件介绍

Bundler 的配置主要通过修改 bundler.js 文件进行。以下是配置文件的一些基本设置：

• sourceFolders: 指定源文件所在的目录。
• outputFolder: 指定编译后的文件存放的目录。
• bundles: 定义需要编译和压缩的文件集合。

例如：

var config = {
    sourceFolders: [
        '../Content',
        '../Scripts'
    ],
    outputFolder: '../Output',
    bundles: {
        'site': {
            files: [
                'site.css',
                'site.js'
            ]
        }
    }
};

在这个配置中，sourceFolders 定义了两个目录 Content 和 Scripts 作为源文件目录，outputFolder 定义了编译后的文件存放目录为 Output，而 bundles 定义了一个名为 site 的包，包含 site.css 和 site.js 文件。

通过修改这些配置，可以按照项目需求定制编译和压缩过程。