文件名称:typescript-babel-webpack-example:在Babel和Webpack中使用TypeScript的示例
文件大小:47KB
文件格式:ZIP
更新时间:2024-06-02 12:38:34
JavaScript
TypeScript + Babel 7 + Webpack 4示例 使用Babel 7编译TypeScript,然后将其与Webpack 4捆绑在一起的基本设置。 出于学习目的而做,主要是检查最新版本的Babel和Webpack中发生了什么变化,并查看使用Babel进行TypeScript编译是否可行。 就功能而言,这简直是准系统: 导入.ts和.js文件,并使用@babel/env预设将其编译为ES5(但请注意, tsconfig.json strict设置设为true因此您必须声明导入的js文件的类型,以便它们起作用正确地) 使用类属性和对象剩余分布建议 使用html-webpack-plugin基于src/index.html模板创建最终的index.html文件 导入.css文件并将其解压缩为单个单独的文件 提供了源地图(最慢的地图,但最准确的) 在生产模式下最小化了c
【文件预览】:
typescript-babel-webpack-example-master
----.babelrc.js(218B)
----package.json(1KB)
----src()
--------index.html(176B)
--------index.ts(255B)
--------index.css(441B)
----tsconfig.json(94B)
----.gitignore(25B)
----webpack.config.js(1KB)
----README.md(1KB)
----yarn.lock(164KB)