我正在我的一个旧项目上设置 Typescript 和 Webpack,突然遇到了这个错误:
您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders
然后我从头开始创建了一个新项目,如下所示:
webpack.config.js
const webpack = require('webpack');
const path = require('path');
module.exports = {
mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
entry: {
main: './src/index.ts'
},
module: {
rules: [
{
test: '/\.ts$',
use: {
loader: 'babel-loader',
options: {
presets: [
'@babel/preset-env',
'@babel/preset-typescript'
]
}
},
exclude: /node_modules/
}
]
},
resolve: {
extensions: ['.ts'],
},
plugins: [
new webpack.CleanPlugin(),
],
output: {
filename: '[name].[contenthash].js',
path: path.join(__dirname, 'dist')
},
}
Run Code Online (Sandbox Code Playgroud)
tsconfig.json
{
"compilerOptions": { …Run Code Online (Sandbox Code Playgroud)