jobTemplate V2

V1版本移步: jobTemplate_v1

项目说明

集成一个基础的自动化模版，方便后期开发。

这个项目只是一个模版，更大的作用是方便新手学习gulp、webpack、自动化等前端方面的技术

项目使用gulp+webpack进行自动化处理，可以直接开发模块，方便代码管理。

如果你在使用中遇到问题，请在issuse中提交你的问题。

解释

应该有同学会问到为什么要使用gulp+webpack结合来创建项目呢？

gulp 和 webpack 不是同一类工具，虽然能实现相同的功能，但是在实现的同时也各有优势.

gulp在这个项目的作用是流程控制，webpack在这个项目的作用是模块管理

取它们两个各自优点来共同处理项目.

这个项目创建初衷是为了方便快速进行项目开发，不需要从头开始配置一大堆东西

项目融合了gulp、webpack、js、ts、jsx、tsx这些东西是为了后期开发中，前端可能使用到的语言语法进行处理。

开始

1. 你得先有一个node @>v6.0

2. 安装gulp全局包 npm i -g gulp

3. 安装项目包 npm i

4. 运行命令：gulp

扩展

1. gulp env 正式环境下进行代码处理，与直接运行gulp相比,js会进行压缩，并且不会生成.map文件,less文件会吧所有注释去掉.

技术

1. react 中文 EN

2. less 中文 EN

3. webpack 中文 EN

4. gulp 中文 EN

5. typescript 中文 EN

6. js 这个都不会就不用做前端了。

兼容

理论上支持现在常用的所有浏览器

文件和文件夹说明

./help

帮助文档，如果有什么疑问可以去这里面看

./source

主要目录，js、css、image这三个文件夹的源文件目录,不可删除

./static

自动化处理后的目录，可删除，但是尽量不要存放其它东西

./gulpfile.js

详情描述请直接查看文件注释，这个删了这个项目基本就费了

./webpack.config.js

功能同上，详情描述请直接查看文件注释

./tsconfig.json

仅仅为了解决一个编译.ts报错问题，没有它就报错

./index.html

一个空html页面，里面包含了基本的meta。

./source/*/module是模块文件，会监听里面文件的，如果有变动同步更新../module中的所有文件。

日志

日志按时间倒序，重要更新加粗

2017-11-28

1. 添加图片压缩

2017-10-09

1. 修复没有转换成es2015的BUG

2017-09-07

1. 优化ts编写引用模块问题

2. 优化readme.md文档

3. 优化三个配置文件的内容。

2017-08-09

1. 添加对ts和tsx的支持

2. 去掉无用的./source/module/_wx.js 需要使用移步zoedylan-tool

3. gulp内部加载webpack.config.js修改为动态加载,方便修改webpack.config.js后无需重启gulp

4. css reset修改为normalize.css

5. 清理掉一些没必要的文件和文件夹

6. 取消./plugin文件夹,后期可以自己手动添加

7. 添加tsconfig.json,解决ts-loader报错问题

8. 添加更多说明

2017-08-03

1. 添加默认js处理为es2015

2017-07-28

1. 添加gulp-webserver启动服务

2017-07-27

1. 新增内容测试完成

2. 优化文档

3. 更多的注释

2017-07-26

1. 模块取消了cmd和直接调用，详情查看文件help\moduleTp.js

2. 丰富webpack

1. 取消gulp里面的js压缩和gulp-babel,完全使用webpack

2. webpack添加对react方面的处理,可以直接编写*.jsx文件

2017-07-05

1. 微信分享一个小BUG修复

2017-06-30

1. 修改less的sourcemap文件路径

2017-06-21

1. 首推V2版本