webpack.config.js ts模版
时间: 2023-06-28 15:05:18 浏览: 107
webpack 详细资料。学会 玩转webpack。
以下是一个基本的 TypeScript 模板 Webpack 配置文件:
```javascript
const path = require('path');
module.exports = {
entry: './src/index.ts',
mode: 'development',
devtool: 'inline-source-map',
module: {
rules: [
{
test: /\.tsx?$/,
use: 'ts-loader',
exclude: /node_modules/,
},
],
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
},
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
};
```
这个配置文件定义了一个简单的入口点,用于处理 TypeScript 文件,并在开发模式下生成 sourcemaps。它也指定了输出文件的名称和路径。请注意,你需要先安装 `ts-loader` 和相关的依赖项。
阅读全文