# tsWebpack

**Repository Path**: chanchaw/ts-webpack

## Basic Information

- **Project Name**: tsWebpack
- **Description**: ts 的前端项目在  node、webpack 环境下的两种运行方式：1. 编译后引用 js 运行 2. 搭建本地服务运行 ts 项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-21
- **Last Updated**: 2022-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 概述
演示 ts 项目在 node 环境下如何运行
## 编译后运行 js
详细构建项目的步骤见：https://www.yuque.com/chanchaw/pkb/xgbeb8#QBfG7。用 ts 写前端项目，通过 npm run build 编译项目，在项目根目录下的 dist 目录下生成文件 bundle.js，将该文件引用到 html 文件中即可看到效果
## 搭建本地服务运行
### 概述
结合 node 、webpack 以及本地服务，模板解析等等运行环境、插件直接运行项目，项目的构建过程见文章：https://www.yuque.com/chanchaw/pkb/xgbeb8#ZtSwa，本案例是在上面的案例“结合webpack、node构建编译系统”项目的基础上继续搭建完成的，最终使用：npm run serve 运行项目，在浏览器中：localhost:8080 运行项目。注意，本案例在模板文件 index.html 中不需要任何引用就可以看到 main.ts 的运行效果。