ES6项目构建-1

作者: yy不会笑 | 来源:发表于2017-12-18 21:53 被阅读37次

基础架构



任务自动化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构建es6项目

    项目构建介绍 ES6 项目构建 基础架构 任务自动化(gulp) 编译工具(babel、webpack) 代码实现...

  • 搭建es6热更新环境 2018-07-31

    一、构建环境 1.es6浏览器不支持,先要构建支持es6的环境 项目构建工具: gulp:自动化工具 中...

  • ES6基础——环境构建、任务自动化、服务器搭建

    ES6基础——环境构建 1. 为什么学习 ES6 需要构建环境 2. 环境构建内容: 3. 任务自动化 gulp:...

  • vuejs-todoapp实战过程总结

    反思 问题1:基础太薄弱,javascript语法、Linux操作语句、项目构建工具 对于涉及到ES6语法的Js看...

  • ES6项目构建-1

    基础架构 任务自动化gulp 1.什么是任务自动化 减少人工操作,让机器自动监听操作,自动响应。 2.什么是gul...

  • ES6 项目构建

    任务自动化gulp

  • webpack脚手架构建React项目

    lesson-1主要内容:构建一套适合 React、ES6 开发的脚手架 项目地址 github-react-le...

  • 2-1、项目构建介绍

    ES6在浏览器中跑不起来的,不能直接跑。为了操作和演练,有实际效果,就需要项目构建。项目构建,分4个方面。基础架构...

  • ES6 - 基本语法 [ lesson 1-3 ]

    之前一篇中讲到项目构建 但是一般浏览器都支持es6了 可以直接测试 所以久不用什么项目构建 先把语法学完再说 20...

  • ES6项目构建-2(1)

    项目构建的目录—创建文件夹 1.文件夹 app 前端代码 js class index.js 入口文件 css...

网友评论

    本文标题:ES6项目构建-1

    本文链接:https://www.haomeiwen.com/subject/gelvwxtx.html