在webpack3中，你可以使用cssnano或者css压缩插件来压缩css文件。以下是一些基本步骤：

1. 安装cssnano插件： 在你的webpack.config.js文件中，添加以下代码来安装cssnano插件： ``` const path = require('path'); const webpack = require('webpack'); const cssnano = require('cssnano');

module.exports = { //... plugins: [ new webpack.optimize.UglifyJsPlugin({ minimize: true, compress: { warnings: false } }), new webpack.optimize.DedupePlugin(), new webpack.optimize.losslessCSSCompressor({ minify: true }) ] }; ```

1. 使用cssnano压缩css文件： 在你的js文件中，你可以使用cssnano来压缩你的css文件。例如： ``` const path = require('path'); const node = require('node');

module.exports = { //... entry: { //... vendor: ['react', 'react-dom'] }, output: { filename: '[name].js', path: path.resolve(__dirname, 'dist') }, module: { rules: [ { test: /.css$/, use: [ { loader: 'cssnano-loader', options: { plugins: [ 'cssnano' ] } } ] } ] } }; ```

1. 打印cssnano压缩后的结果： 在浏览器中打开dist目录下的output文件夹，你就可以看到你的css文件已经被压缩了。

注意：cssnano和css压缩插件都可以根据你的需求进行调整，例如，你可以使用不同的压缩规则，或者在压缩前进行额外的预处理。