美文网首页
使用 Parcel 打包 TS 代码

使用 Parcel 打包 TS 代码

作者: 泡杯感冒灵 | 来源:发表于2022-04-18 15:59 被阅读0次
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,它会自动帮我们启动一个服务器。运行编译好的代码。

相关文章

网友评论

      本文标题:使用 Parcel 打包 TS 代码

      本文链接:https://www.haomeiwen.com/subject/rzhnsrtx.html