中编写代码 中编写代码 // 获取 gulp var gulp = require('gulp') require() 是 node （CommonJS）中获取模块的语法。 在 gulp 中你只需要理解 require() 可以获取模块。 三、获取 三、获取 gulp-uglify gulp-uglify 组件 组件 // 获取 uglify 模块（用于压缩 JS） var uglify dest('dist/js')) }) gulp.task(name, fn) - 定义任务，第一个参数是任务名，第二个参数是任务内容。 gulp.src(path) - 选择文件，传入参数是文件路径。 gulp.dest(path) - 输出文件 gulp.pipe() - 管道，你可以暂时将 pipe 理解为将操作加入执行队列 参考：gulp API文档 五、跳转至 五、跳转至 gulpfile.js gulpfile ms 八、编写 js 文件 八、编写 js 文件 我们发现 gulp 没有进行任何压缩操作。因为没有js这个目录，也没有 js 目录下的 .js 后缀文件。 创建 a.js 文件，并编写如下内容 // a.js function demo (msg) { alert('--------\r\n' + msg + '\r\n--------') } demo('Hi') gulp

/utils/prompt-command")(NON_COMPILATION_CMD, ...process.argv); } webpack-cli 处理不需要经过编译的命令 NON_COMPILATION_ARGS的内容 const NON_COMPILATION_ARGS = [ "init", 最终会根据配置参数实例化 webpack 对象，然后执行构建流程 webpack-cli对配置文件和命令行参数进行转换最终生成配置选项参数 options Webpack 的本质 Webpack可以将其理解是一种基于事件流的编程范例，一系列的插件运行。 先看一段代码 class Compiler extends Tapable { // ... } class Compilation extends

玩转 webpack 腾讯IVWEB 程柳柳锋 扫码试看/订阅 《玩转 webpack》 课程介绍 框架 DSL 解析 Web 应⽤用多元化 组件化 内容综述 基础篇 P1-P3 进阶篇 P4-P5 原理理篇 P6-P7 实战篇 P8 webpack 的基本概念和⽇日常 开发的实⽤用技巧 以⼯工程化的⽅方式组织 webpack 构 建配置，和 webpack 打包优化 详细剖析 ························· ······················································ 零配置 webpack 包含哪些内容？ module.exports = { entry: './src/index.js', output: './dist/main.js', mode: 'production', module:

的测试之前而进行的预测试，这种 预测试的主要目的是暴露导致软件需重新发布的基本功能失效等严重问题。 冒烟测试执行 ·是否有 JS、CSS 等静态资源文件 每次构建完成 build 目录是否有内容输出 ·是否有 HTML 文件 构建是否成功 判断构建是否成功 在示例项目里面运行构建，看看是否有报错 判断基本功能是否正常 ·是否有 JS、CSS 等静态资源文件 编写 mocha 测试用例 账号登录 2. 在 https://travis-ci.org/account/repositories 为项目开启 3. 项目根目录下新增 .travis.yml travis.yml 文件内容 install 安装项目依赖 script 运行测试用例 发布到 npm 添加用户： npm adduser 升级补丁版本号：npm version patch 升级版本 升级小版本号：npm

的处理策略： • CSS：转换成 js 的模块，执行模块会在 DOM 中创建