ES6项目构建-1

基础架构



任务自动化gulp

1.什么是任务自动化

    减少人工操作,让机器自动监听操作,自动响应。

2.什么是gulp

    一个工具。解决自动构建的工具,增强工作流。

3.gulp的作用

    完成工作流。利用它的插件,完成更复杂的开发操作。

4.了解如何使用gulp完成任务自动化

    去中文网看他的API和一些插件



编译工具

1.什么是babel、webpack

babel是一个JavaScript的编译器。

webpack解决模块化的工具

2.babel的核心用法

兼容性问题、编译等(具体见视频)

3.了解webpack及webpack-stream的作用

webpack-stream是webpack对gulp的支持

代码实现


1.创建一个ES6前端工程

2.完成目录结构、自动构建、服务器搭建

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基础架构 任务自动化(gulp) 编译工具(babel、webpack) 代码实现
    挨踢的菜鸟阅读 122评论 0 0
  • 你是不是也在为可以使用ES6的新特性而兴奋,却不太确定应该从哪开始,或者如何开始?不止你一个人这样!我已经花了一年...
    MrDream阅读 1,798评论 0 3
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,281评论 7 35
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,550评论 1 32
  • 熊二说,玛丽走了的时候,我们都以为这二货出门散步忘记回来了,心一紧。可熊二的大哭脸,让我明白是去了天堂,心碎...
    喵小秋阅读 450评论 0 0