Eureka Build 现代前端项目的基础构建流程详解

尤里卡构建我的基础构建项目，使用NPM和Grunt、Sass、Compass以及图像精灵技术，集成了JS提示、CSS lint、JS Uglify、concat等工具，帮助构建和优化前端资源。以下是详细步骤：

1. 环境准备

• 确保安装了最新版本的Compass。如未安装，请访问官方获取更多详情。

2. 安装依赖

• 使用以下命令安装节点依赖项：

  ```

  npm install

  ```

• 安装Susy库：

  ```

  gem install susy

  ```

3. 目录结构

• src文件夹：存放所有工作中的样式/脚本/png图像。

• assets文件夹：此为编译代码的输出目录，部署站点时仅需要此文件夹内容。

4. 编译代码

• 开发环境编译：

  ```

  grunt development

  ```

• 生产环境编译：

  ```

  grunt build

  ```

5. 代码监听

• 启用watch模式，监听sprite文件夹中的样式、脚本、png图像的更新，自动触发构建：

  ```

  grunt watch

  ```