时间戳

首页 > 解决方案 > Webpack 似乎忽略了我的打字稿加载器

typescript - Webpack 似乎忽略了我的打字稿加载器

问题描述

我正在尝试使用 webpack 来打包我的 typescript 项目，但它似乎忽略了我的加载器设置。

目前我有：

module.exports = {
    mode: "development",
    entry:{
        app: "./words.ts",
    },
    module: {
        rules: [
                  {
                      test: '/\.ts?$/',
                      loader: 'awesome-typescript-loader',
                      exclude: '/node-modules'
                  }
    ]
    },
    resolve: {
    extensions: [ '.tsx', '.ts', '.js' ]
    },

    output:{
    path: __dirname + "/build",
    filename:"[name].js"
    }
}

我知道它正在使用我的webpack.conf文件，因为如果我删除它然后它会抱怨并且它似乎可以正常工作但我注意到我作为加载程序放置的内容并不重要，例如，如果我放置"hello"它仍然会编译和打包我的代码。我还注意到，如果我删除我的tsconfig.json文件，我会得到相同的结果，所以它显然没有尝试使用它。是否有我需要覆盖的默认加载程序设置？

谢谢，丹尼尔。

标签： typescriptwebpack

解决方案

看起来您正在传递一个包含正则表达式而不是正则表达式的字符串作为test参数。

尝试将其更改为：

rules: [
  {
    test: /\.tsx?$/, // this suppose to be regex expression.
    loader: 'awesome-typescript-loader',
    exclude: '/node-modules'
  }
]

推荐阅读