Webpack - 从 TypeScript 导入 Less 失败(css-loader)
Webpack - Import Less from TypeScript fails (css-loader)
我正在尝试通过 Webpack 使用 TypeScript 构建一个测试项目。在 中导入 index.ts 文件和 base.less(或 base.css)文件index.ts 并且失败并在 css-loader 上出现错误。在 .ts 文件中没有导入 LESS (CSS) 文件一切正常。
我有另一个仅使用 JS(没有 TypeScript)的大项目,并且它在相同的 webpack.config 文件(babel 而不是 ts 加载器)上运行良好。
Webpack@2.2.0
已安装所有需要的装载程序。
webpack.config.js and 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
您 webpack.config.js
中的 TypeScript 加载器的 RegExp
规则有误。你需要这个:
`test: /(.ts|.tsx)$/`
但是你有这个:
`test: /(.ts|.tsx)?/`
这表示:无论如何加载为 TypeScript 文件。
我正在尝试通过 Webpack 使用 TypeScript 构建一个测试项目。在 中导入 index.ts 文件和 base.less(或 base.css)文件index.ts 并且失败并在 css-loader 上出现错误。在 .ts 文件中没有导入 LESS (CSS) 文件一切正常。
我有另一个仅使用 JS(没有 TypeScript)的大项目,并且它在相同的 webpack.config 文件(babel 而不是 ts 加载器)上运行良好。
Webpack@2.2.0
已安装所有需要的装载程序。
webpack.config.js and 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
您 webpack.config.js
中的 TypeScript 加载器的 RegExp
规则有误。你需要这个:
`test: /(.ts|.tsx)$/`
但是你有这个:
`test: /(.ts|.tsx)?/`
这表示:无论如何加载为 TypeScript 文件。