Question

使用css加载程序在dist文件夹中创建.css文件，然后如何将此文件复制到新文件名并应用转换？

webpack.config.plugins：

new ExtractTextPlugin('../dist/[name].css'),
new CopyWebpackPlugin([ // doesn't work, but this is what I want to accomplish
  {
    from: path.resolve('./dist/[name].css'),
    to: path.resolve('./dist/[name].transformed.css'),
    transform: css => transformed(css)
  }
]),

似乎存在时间问题或者我还没有完全了解插件是如何工作的。

Answer 1

插件的执行方式有很多种。然而，最简单的是同步方法，其中Webpack插件按顺序执行，类似于React中的生命周期方法。因此，有一些标准的方法集以特定的顺序调用。

请参阅Webpack Plugin API。

如果您正在运行webpack dev服务器，则不会将该文件复制到指定目标，因为它会维护内存中的所有文件。

$irb 2.4.1 :001 > class Foo; end; classname='Foo'; p Object.const_get(classname).new #<Foo:0x007fd91f0db790> => #<Foo:0x007fd91f0db790>应该与您的实施方式一起使用。您只需验证源和目标路径。我看到上面的路径有些不一致。

CopyWebpackPlugin

在Webpack中复制和转换提取的CSS文件的简单方法是什么？

1 个答案: