TypeScript(单独运行ts、webpack运行ts)
在TypeScript中,可以通过以下几种方式来运行TS代码:
- 使用TypeScript编译器(tsc)独立运行TypeScript文件。
- 使用Webpack打包工具来打包和运行TypeScript代码。
使用tsc编译器
安装TypeScript:
npm install -g typescript
编译TypeScript文件:
tsc yourfile.ts
使用Webpack运行TypeScript
安装必要的包:
npm install --save-dev typescript webpack webpack-cli ts-loader
webpack.config.js配置:
module.exports = {
entry: './index.ts',
module: {
rules: [
{
test: /\.tsx?$/,
use: 'ts-loader',
exclude: /node_modules/,
},
],
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
},
output: {
filename: 'bundle.js',
},
};
运行Webpack:
npx webpack
以上步骤将会生成一个打包后的JavaScript文件,然后你可以用普通的方式来运行这个文件。例如,在浏览器中通过一个<script>
标签,或者在Node.js环境中直接运行。
评论已关闭