如何在不保留每种文件类型的加载器的情况下,通过Webpack对文件运行任意bash脚本？

Question

似乎Webpack运行的工具通过"加载器"转换代码,而不是直接使用这些工具的API.这为这些工具添加了一个抽象层,这有时意味着工具的API没有完全公开,或者工具的更新需要时间在加载器中更新.这是对问题的更详细描述.

我用Grunt/gulp遇到了这个问题,最后放弃那些转而直接用我通过npm运行的bash脚本转换我的源代码.是否有可能与Webpack做同样的事情？如果是这样,怎么样？

Answer 1

我创建了一个名为的自定义 Webpack 加载器，shell-loader它接受任意 shell 脚本，并在使用child_process.exec. 我可以像这样使用它webpack.config.js；

{
  test: /.*\.css$/,
  use: [ 'css-loader', { loader: 'shell-loader', options: {
    script: 'postcss --use autoprefixer'
  }} ]
}

作为概念证明，它似乎有效，但我不确定在使用 Webpack 时这是否是一个好主意，或者我是否将不应该的东西组合在一起。