2017-01-25 66 views
1

我想通过Webpack与TypeScript建立一个测试项目。刚才index.ts文件和base.less(或base.css)文件中index.ts进口,也未能与CSS-装载机错误。如果没有在.ts文件中导入LESS(CSS)文件,这些文件都可以正常工作。Webpack - 从TypeScript导入失败(css-loader)

我有另一个只有JS(没有TypeScript)的大项目,它与同样的webpack.config文件(babel而不是ts loader)很好地工作。

[email protected]

安装了所有需要的装载​​机。

webpack.config.jsBitbucket 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

enter image description here

enter image description here

回答

1

您的webpack.config.js错误RegExp规则打字稿装载机。你需要这个:

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

,但是你有这样的:

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

它说:负荷打字稿文件不管是什么。

+0

我今天修好了,但还没有推。但ts脚本工作正常。只有当我编写“import”./less/base.less'时,Webpack才会出错。我发现(在webpack2文档中)我需要用declare'* .less'(和CSS)添加.d.ts文件,但仍然它没有帮助,得到了同样的错误,仅仅10分钟,我会推送我的更新文件。现在有一个JS文件导入更少的作品和TS文件只有TS代码没有导入样式也可以。从styles.js导入到index.ts我得到了一个上面的错误 – Max

+0

我把更新的项目推送到Bitbucket – Max

+0

webpack在'import'base.less''上给出了一个错误,因为它认为它是'.ts'文件。 RegExp规则,因为我建议,一切都会好的 – GProst