Webpack在TypeScript项目中捆绑非模块JS

Question

我有一个项目，需要捆绑2个非模块JS文件。不幸的是，由于这些文件也用在其他地方，因此无法轻松地制成模块。 对于这些问题，有一种“脚本加载程序”形式的解决方案，但需要在js文件中使用import语句。 我现在的大问题是.ts入口文件不知道'script-loader'并试图加载文件，然后抱怨说它们没有该'module'的声明文件。

这是我的配置：

module: {
    rules: [
      {
        test: /\.\/bower_components\/something\/foo\.js$/,
        use: [ 'script-loader' ]
      },
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/
      },

    ]

这就是我尝试定义两个文件的导入的方法：

import exec from '../bower_components/something/foo.js';
import exec2 from '../bower_components/someotherthing/bar.js';

Answer 1

摆脱TypeScript错误的两个想法：

• 用// @ts-ignore抑制它们。
• 将导入内容放入JavaScript文件而不是TypeScript文件中，以便TypeScript编译器不会查看它们。