如何创建common.css文件并仅使用postcss?

时间:2016-08-08 12:16:20

标签: webpack vue.js postcss

这是我当前的webpack配置 - https://gist.github.com/lavezzi1/1179d91c584c0b0a7544c862c8bb07ca

正如你所看到的,我做了多用途应用并面临一些问题。

  1. 我想为每个页面编译2个文件: common.css (具有常见样式的css文件)和 index.css (例如css文件包含索引页面的各个样式)。我怎么能这样做?我尝试过CommonChunks插件,但它只生成common.js文件,而不是css。现在我找到了一个解决方法如何制作它,我只是直接在每个页面的条目js文件中导入main.css文件。但它产生了另一个问题,如下所述;

  2. 我想在没有任何预处理器的情况下使用postcss。可能吗?当我直接在js文件中导入main.css时,postcss插件不起作用(代码无法编译)我测试了postcss嵌套插件,它在* .vue文件中运行得很好。如何解决?

  3. 我非常坚持。我希望你能帮忙。谢谢!

1 个答案:

答案 0 :(得分:0)

您是否尝试在!postcss-loader之后添加!css-loader

最终结果将是:

loader: ExtractTextPlugin.extract('style-loader','css-loader!postcss-loader?sourceMap!sass-loader')