Question

我需要将现有的css文件与webpack 2捆绑在一起。这些是以前与ASP.NET MVC捆绑在一起的。当我阅读有关Web包支持的文献时，我发现你需要使用带有提取文本插件的css loader，你需要从Javascript中获取css。

我想要做的只是定义一堆CSS文件捆绑在一起并缩小而不从Javascript文件开始。

我该怎么做？我需要使用特殊的装载机吗？

Answer 1

为什么不从index.js导入您的样式？

或者，您可以设置一个像 gulp 这样的任务运行器来观看您的样式文件夹，尽管这似乎是多余的，因为webpack已经可以为您处理。

与提取文本插件配对，无论如何都会有相同的最终结果。

Answer 2

我最终做的是每个包我想要制作一个js文件。

例如

每个[name] .css.js文件只包含一些import语句： e.g。

import "~/content/compact.css";
import "~/content/responsive.css";
// for the ~ character I used an alias in webpack

然后在webpack.config文件中，我指向那些css.js文件。然后我使用css-loader，style-loader和extract-text-plugin创建一个在dist文件夹中输出的单独的css文件。

使用自定义的npm package.json脚本，我清理生成的js文件。

这样我就可以获得css包了，我可以再次曝光。

请注意，我的特定项目包含分布在多个应用程序上的css，因此它不是内部应用程序css。