# gulp-JS-or-TS-to-WEB

**Repository Path**: silvalin/gulp-web

## Basic Information

- **Project Name**: gulp-JS-or-TS-to-WEB
- **Description**: 自已用用的gulp打包工具，支持双语法 js+css  ts+less 自由切换编写项目
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-01-19
- **Last Updated**: 2020-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

:exclamation: :exclamation: :exclamation: :exclamation:

### GULP-JS-or-TS-to-WEB

gulp 自动化构建工具

* 支持 javascript ES6 标准写法；
* 支持 typescript 2.0 版本以上写法；
* 支持 该示例已装载 jquery 插件 js ts 引用方法 例中都有！
* 本地 webserver 服务；
* 都是热编译 js 或 ts ，网页也不用刷新，也是热加载...

### 环境

nodejs npm 环境就可以了

### 目录结构

* /build -- 编译的 js，css 文件
* /dist -- 发布版本 直接发布到 WEB 服务器
* /src -- 源文件目录

### 本地初始化

1. 这里是列表文本下载该库 git 或直接下载也好 在本地项目目录

```
npm install
//或！ cnpm 是用了淘宝镜像 本地不支持的话 百度搜索一下配置
cnpm install
```

2. 编译代码

```
// 编译JS文件
gulp js
```
或者
```
// 编译TS文件
gulp ts
```

3. 开启http://localhost:3000 本地预览

```
// 开始webserver服务 端口3000
gulp s
```

### 清理编译目录

```
//清理编译目录
gulp c
```

### NOTE typescript 中引用 jq

cnpm install @types/jquery --save-dev
cnpm install jquery --save-dev

```
// ts
import * as $ from "jquery";
console.log($);//输出 jq 对象
```
```
// js 将index.html 引入jquery的注释去掉
console.log($);//输出 jq 对象
```