vscode TS 打包依赖 流程代码
时间: 2023-07-16 14:16:39 浏览: 179
打包 TypeScript 项目的依赖可以使用工具如 webpack 或 rollup,下面是一个使用 webpack 的示例:
首先,安装 webpack 和 TypeScript 相关的依赖:
```
npm install -D webpack webpack-cli ts-loader typescript
```
然后,在项目根目录下创建一个 webpack.config.js 文件,配置 webpack:
```javascript
const path = require('path');
module.exports = {
entry: './src/index.ts',
mode: 'production',
target: 'node',
module: {
rules: [
{
test: /\.ts$/,
use: 'ts-loader',
exclude: /node_modules/,
},
],
},
resolve: {
extensions: ['.ts', '.js'],
},
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
};
```
在上面的配置中,entry 指定了 TypeScript 项目的入口文件,mode 设置为 production,target 设置为 node,module.rules 配置了使用 ts-loader 来处理 .ts 文件,resolve.extensions 指定了可以省略的文件扩展名,output 指定了输出的文件名和路径。
最后,执行命令打包项目:
```
npx webpack --config webpack.config.js
```
这会生成一个 bundle.js 文件,并且该文件会包含所有的依赖。
阅读全文