css - Webpack - 从 TypeScript 导入 Less 失败(css-loader)

Question

我正在尝试通过 Webpack 使用 TypeScript 构建一个测试元素。仅在 index.ts 中导入了 index.ts 文件和 base.less(或 base.css)文件，它失败并出现错误 <强>CSS 加载器。在 .ts 文件中没有导入 LESS (CSS) 文件，一切正常。

我有另一个仅使用 JS(没有 TypeScript)的大元素，并且它使用相同的 webpack.config 文件(babel 而不是 ts loader)运行良好。

Webpack@2.2.0

所有需要的加载器都已安装。

webpack.config.js和 Bitbucket link to the test project

ERROR in ./~/css-loader/lib/css-base.js Module build failed: Error: Final loader didn't return a Buffer or String

Answer 1

您的 webpack.config.js 中的 TypeScript 加载器的 RegExp 规则有误。你需要这个:

`test: /(.ts|.tsx)$/`

但是你有这个:

`test: /(.ts|.tsx)?/`

也就是说:无论如何都加载为 TypeScript 文件。