将单独的CSS与Webpack捆绑在一起

时间:2015-09-13 19:07:31

标签: javascript css webpack webpack-style-loader

我让Webpack与style-loadersass-loader合作,但无法解决一件事:

我有两个单独的“样式表”捆绑包(我们的普通应用程序,以及客户端的自定义皮肤版本)。如果我单独要求它们,它仍然会输出为1个文件(bundle.css)。我也尝试将sass源文件设置为入口点,但这给了我这个错误:

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' /Users/slangbroek/Projects/app-name/app/src/styles/mobile/mobile in /Users/slangbroek/Projects/app-name/app/src
两个样式表入口点的

。有没有人知道如何用Webpack实现这个目标?

1 个答案:

答案 0 :(得分:0)

您可以使用两个.js入口点,一个用于普通应用,一个用于自定义皮肤版本。如果这些是样式表的唯一区别,您可能希望有3个入口点,一个用于两个项目使用的app .js,以及每个.scss文件的入口点。所有这些入口点文件都需要样式表。

它很奇怪,但我相信它是唯一纯粹的webpack解决方案。当然,您可以考虑将webpack与gulp / grunt / etc结合使用,并使用任务运行器捆绑webpack并编译scss文件。