webpack4，webpack5-css，less样式文件的兼容

安装postcss-loader和postcss-preset-env两个库

css文件的兼容性处理

webpack4的样式兼容配置

webpack.config.js中的配置

            // 打包css资源
            {
                // 正则表达式,匹配那些文件，匹配以.css结尾的文件
                test: /\.css$/,
                // 使用哪些loader进行处理
                use: [
                    // 创建style标签，将js的样式资源插入进去，添加到head中生效
                    // 'style-loader',
                    // 将css文件提出来不能使用style-loader，需要使用mini-css-extract-plugin自己的loader
                    // 作用将js中的css提取成单独文件
                    MiniCssExtractPlugin.loader,
                    // 将css文件变成commonjs模块加载到js中，里面内容是样式字符串。
                    'css-loader',
                    // css兼容性处理
                    {
                        loader: 'postcss-loader',
                        options: {
                            ident