extract-text-webpack-plugin 在输出的新文件夹中从 scss 输出 css

Question

我似乎无法让 extract-text-webpack-plugin 在输出的特殊文件夹中从 scss 生成 css。我知道有一个 publicPath 选项，但它似乎没有做任何事情。 css 仍然与我的输出文件夹中的其他 css 一起生成。 谁能帮忙？

在我的配置中：

test: /(add-to-home\.scss)$/,
loader: ExtractTextPlugin.extract("style","css!postcss!sass", {publicPath: "output/a/b"})

谢谢

Answer 1

在“output/a/b”中输出你的style.css文件

您需要使用 ExtractTextPlugin

{
    test: /(\.scss|\.css)$/,
    loader: ExtractTextPlugin.extract('style', 'css?postcss!sass'),
}

在插件部分使用：

 plugins: [
  new ExtractTextPlugin('output/a/b/style.css', {allChunks: true})

 ],

这将在 output/a/b/ 文件夹中输出提取的 css。