使用 Parcel 打包 TS 代码

Parcel 是和webpack类似的打包工具,但是不需要做额外过多的配置,用起来比较简单。
  • 地址 https://github.com/parcel-bundler/parcel
  • 安装 npm install parcel@next -D
  • 配置命令


    image.png
  • 当我们运行 npm run test的时候,parcel这个打包工具,会帮我们分析index.html里的代码,发现里边引入了 ts文件,它会自动帮我们对ts文件进行编译,编译成浏览器能够运行的代码. 还会帮我们启动一个服务器在localhost,默认端口号是1234,我们去访问这个这个http://localhost:1234/,它会把编译后的内容返回给我们。这样我们看到的网页,实际上是ts编译过后,可以运行的代码。

总之使用parcel去编写代码,就不用自己去引入一些库,比如require.js,它会自动帮我们启动一个服务器。运行编译好的代码。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容