在webpack.conf中找不到更少的加载器和规则

Question

我想为React项目添加更少的支持。根据这些链接：

Adding SASS or LESS support to create-react-app

React + CSS Modules + LESS + Webpack 4

我弹出项目并安装了越来越少的加载器，但是在webpack.config.js中找不到规则部分。 为什么我的配置文件与这两页中的配置文件不同？ （Webpack版本为4.1.0）

如何为我的项目添加更少的支持？

如果我添加

  {
    loader: require.resolve('less-loader'),
  },

要进行文件配置，我会收到“无法编译”错误

无法读取未定义的属性“分母”       在... \ node_modules \ bootstrap \ dist \ css \ bootstrap.css中（第2100行，第2列）

Answer 1

这些教程基于旧的CRA，在最新的教程中，他们合并了dev和prod文件，并做了一些额外的改进，使其更加“简洁”。其中一件事情是将CSS加载程序提取到独立的帮助程序功能-getStyleLoaders()中。 rules部分在下面，getStyleLoaders的输出在适当的位置合并到其上。

通常，通过在loaders数组的末尾附加加载程序来执行的操作是正确的。并且错误不在webpack端。由于内部语法无效，less-loader无法解释该文件。