javascript - 如何在 React 16.7 和 webpack 4.29 中使用 LESS？

Question

刚开始学React，想少用React。我对此做了一些研究，他们说我应该在 webpack.config.dev.js 中编写配置，但是，在我运行 npm run eject 之后，我只有一个文件:webpack.config.js 。

我想这可能是因为更新，新版本可能将 webpack.config.dev.js 和 webpack.config.prod.js 合并为 `webpack.config.js 。

然后我查看了 webpack 的主页，上面写着:

// webpack.config.js
module.exports = {
  ...
  module: {
    rules: [{
      test: /\.js$/,
      issuer: /\.less$/,
      use: [{
        loader: 'js-to-less-loader'
      }]
    }]
  }
};

但我不知道在哪里插入这些代码。我没有找到任何类似的代码。所以我想要一个简单的示例来说明如何在 React 中支持 less。

谢谢。

Answer 1

弹出后需要做以下步骤才能在react中少用

1. Go to webpack.config.js file and search for cssRegex change it from /\.css$/ to /\.(?:le|c)ss$/
2. install less and less loader using npm install -S less less-loader
3. search for getStyleLoaders method in webpack config file and add the following object to array of loaders specified over there
    {
     loader: require.resolve('less-loader'),
     options: {
      importLoaders: 1,
     },
    }

然后你就可以开始了，如果有任何问题，请随时要求澄清