如何将多个较少的文件合并到一个css文件中？

Question

我正在使用react-script来构建和打包我的应用程序。我的每个react组件都使用自己的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"
   }

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