parcel 是一个打包工具,号称是 0 配置

通过parcel打包,html直接引入ts文件

第一步下载安装 1 yarn add --dev parcel@next 

index.html文件内容

 1 <!DOCTYPE html>
 2 <html lang="en">
 3   <head>
 4     <meta charset="UTF-8" />
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 7     <title>Document</title>
 8     //引入page.ts文件
 9     <script src="./page.ts"></script>
10   </head>
11   <body></body>
12 </html>

page.ts文件

 1 const teacher: string = 'dell'; 2 console.log(teacher); 

然后运行 1 yarn parcel index.html 即可

详细文档参考:https://github.com/parcel-bundler/parcel

posted on 2020-06-18 10:52  小白学前端  阅读(653)  评论(0编辑  收藏  举报