/hy-ai

none

Primary LanguageJavaScript

hy-ai

这是一个 webpack + typescript + react 的样例项目。

准备工作

请先安装好:

  • node.js(自带 npm 包管理工具)

然后将本项目 clone 到本地,并且在项目根目录下执行:

npm install

这将会根据 package.json 中描述的依赖安装……一大堆工具,包括 typescript 编译器、webpack 打包工具、react �库等等。

但是这些工具只会安装在项目根目录下的 node_modules 目录下。如果你不再需要它们,可以直接删除 node_modules 目录即可。除此之外对你的系统并没有任何不利的影响。

编译并试运行

执行下述命令:

npm run dev

将会做两件事:

  • 编译 src 目录内的代码——编译的结果会输出到 dist 目录下
  • 启动一个 webpack 内置的简单 web server,它会在 8080 端口(如果没被其他程序占用的话)监听,因此你可以访问 http://localhost:8080 查看你的程序,并且最酷的是它会监视你的文件修改,动态重编译并且自动刷新!这很有帮助。

值得一提

这个项目配置了源代码映射,因此你可以在浏览器中基于 TypeScript 的源码进行查看和调试。

并且它会根据 src/*.tsx 文件自动参照 template.html 生成对应的 html 文件。所以你可以任意的创建多个页面。

其他问题问我。

Have fun.