通过webpack合并CSS和更少内容

Question

如何通过webpack合并CSS和Less，以及我需要哪些其他节点模块？

我是否需要两个不同的入口文件，一个用于LESS，一个用于CSS？如果是这样，最好的方法是什么？

在.less文件中导入.css文件时出现问题。

CSS

            test: /\.css$/,
            exclude: [/node_modules/, /public/],
            use: [
                {
                    loader: MiniCssExtractPlugin.loader,
                    options: {

                    }
                },
                {
                    loader: 'css-loader',
                    options: {
                        sourceMap: true
                    }
                },
                {
                    loader: 'postcss-loader',
                    options: {
                        sourceMap: true,
                        plugins: [
                            autoprefixer({
                                browsers: ['>2%', 'last 4 versions', 'Firefox ESR', 'not ie < 9']
                            }),
                            postcssPresetEnv(),
                            PostcssClean({
                                sourceMap: true,
                                level: 1
                            })
                        ]
                    }
                }
            ]

少

            test: /\.less$/,
            exclude: [/node_modules/, /public/],
            use: [
                MiniCssExtractPlugin.loader,
                {
                    loader: 'css-loader',
                    options: {
                        sourceMap: true
                    }
                },
                {
                    loader: 'postcss-loader',
                    options: {
                        sourceMap: true,
                        plugins: [
                            autoprefixer({
                                browsers: ['>2%', 'last 4 versions', 'Firefox ESR', 'not ie < 9']
                            }),
                            postcssPresetEnv(),
                            PostcssClean({
                                sourceMap: true,
                                level: 1
                            })
                        ]
                    }
                },
                {
                    loader: 'less-loader',
                    options: {
                        sourceMap: true
                    }
                }
            ]

///编辑 解决方案是定义两个不同的入口点，然后分别处理CSS和Less。

使用SASS加载程序，@ Pete的（似乎在注释中）解决方案似乎是最好的。只需让CSS和SASS由同一加载程序处理即可。