import a { color: red; } ## 使用 gulp 构建一个项目 本章将介绍 • gulp-watch-path • stream-combiner2 • gulp-sourcemaps • gulp-autoprefixer 并将之前所有章节的内容组合起来编写一个前端项目所需的 gulp 代码。 你可以在 nimojs/gulp-demo 查看完整代码。 若你不了解npm请务必阅读npm模块管理器 安装模块较多，请耐心等待，若⼀直安装失败可使⽤npm.taobao.org npm install gulp-uglify gulp-watch-path stream-combiner2 gulp-sourcemaps gulp-minify-css gulp-au toprefixer gulp-less gulp-ruby-sass gulp-imagemin gulp-util --save-dev src/js/log.js: Unexpected token eof «undefined», expected punc «,» plugin: gulp-uglify ## gulp-sourcemaps 本文档使用 看云 构建 gulp 入门指南 JS 压缩前和压缩后比较 // 压缩前 var log = function (msg) { console.log('

Uglify 首先安裝Uglify。因为Uglify是用于混淆你的代码，所以我们还要安裝vinyl-buffer和gulp-sourcemaps来支持sourcemaps。 npm install --save-dev gulp-uglify vinyl-buffer gulp-sourcemaps 修改gulpfile文件如下： TypeScript Handbook（中文版） var gulp = dist/bundle.js ## Babel 首先安装Babelify和ES2015的Babel预置程序。和Uglify一样，Babelify也会混淆代码，因此我们也需要vinyl-buffer和gulp-sourcemaps。默认情况下Babelify只会处理扩展名为.js，.es，.es6和.jsx的文件，因此我们需要添加.ts扩展名到Babelify选项。 npm install --save-dev

首先安装Uglify。因为Uglify是用于混淆你的代码，所以我们还要安装vinyl-buffer和gulp-sourcemaps来支持sourcemaps。 1. npm install --save-dev gulp-uglify vinyl-buffer gulp-sourcemaps ## 修改gulpfile文件如下： var gulp = require('gulp'); er和gulp-sourcemaps。默认情况下Babelify只会处理扩展名 为 .js , .es , .es6 和 .jsx 的文件，因此我们需要添加 .ts 扩展名到Babelify选项。 npm install --save-dev babelify@8 babel-core babel-preset-es2015 vinyl-buffer 1. gulp-sourcemaps ##