css - 如何将多个less文件合并为一个css文件？

Question

我正在使用react-script构建和打包我的应用程序。我的每个反应组件都使用自己的less样式文件，下面是定义的脚本，package.json用于将这些较少的文件编译为 css 文件：

"scripts": {
     "build-css": "node-less-chokidar src/ -o src/",
     "watch-css": "npm run build-css && node-less-chokidar src/ -o src/ --watch --recursive",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "start-js": "react-scripts start",
    "start": "npm-run-all -p watch-css start-js",
    "build-js": "react-scripts build",
    "build": "npm-run-all build-css build-js"
   }

会将每个less文件编译为node-less-chokidar具有相同文件名的css文件。有没有办法让我将所有较少的文件编译成一个css文件。所以我只需要在我的 entry.js 文件中导入这个大的 css 文件。如果我的网站有不同的主题，我只需要将这个大 css 替换为主题插件。