在webpack中，你可以使用配置项sourceMap来为style!css!postcss插件生成sourceMap文件。以下是一个基本的示例：

首先，你需要安装postcss-loader和autoprefixer插件：

bash npm install postcss autoprefixer

然后，你可以在你的webpack配置文件（例如webpack.config.js）中添加以下配置：

javascript module.exports = { // ... resolve: { extensions: ['.js', '.json', '.css', '.scss', '.less', '.png', '.jpg', '.jpeg', '.gif'], alias: { 'style': path.resolve(__dirname, './src/styles'), }, }, // ... module: { rules: [ { test: /\.less$/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { plugins: ['autoprefixer'], }, }, ], }, ], }, // ... };

在这个配置中，我们首先使用resolve选项来定义我们的插件库的路径。然后，我们使用alias选项来将样式文件夹映射到我们的主入口文件夹。

在module.rules部分，我们添加了一个less-loader，然后使用postcss-loader来添加 autoprefixer 插件。 autoprefixer 是一个用于自动添加浏览器前缀的插件。

注意：在配置中，我们需要确保你的less文件夹位于我们的src/styles文件夹中，否则在使用less-loader时，它将无法找到less文件。