如何禁用webpacker加载器？

Question

Webpacker需要以下加载器：

babel-loader
css-loader
file-loader
postcss-loader
sass-loader
style-loader

我想尝试跳过其中的一些或全部。有可能这样做吗？对于我的大脑来说，webpacker提供的关于webpack的“薄”包装器有点厚。我很难改变它的配置，甚至不知道它的总配置是什么……

Answer 1

我相信可以通过loaders数组修改加载器，如下所示：

// config/webpack/environment.js
const { environment } = require('@rails/webpacker')
environment.loaders.delete('babel')
module.exports = environment

还可以插入新的加载器或修改现有加载器上的选项。

https://github.com/rails/webpacker/blob/master/docs/webpack.md#loaders

Answer 2

这段代码environment.toWebpackConfig()将返回一个很大的webpack配置对象。该结构的一部分看起来像

{"loaders": [
  {"key": "babel", "value": {...}},
  ...
]}

所以你可以像这样做

var webpack_config = environment.toWebpackConfig();
webpack_config.loaders = webpack_config.loaders.filter(function(loader) {
  return loader.key !== "babel";
});
module.exports = webpack_config;

有选择地过滤掉你不想要的装载器。