完美解决webpack打包css背景图片路径问题

background-image: url("../assets/img/icon_add.png");

{
        test: /\.(css|less)$/,
        exclude: path.resolve(__dirname, 'node_modules'),
        use: ['style-loader', 'css-loader', 'less-loader']
    }

{
        test: /\.(css|less)$/,
        exclude: path.resolve(__dirname, 'node_modules'),
        use: [MiniCssExtractPlugin.loader, 'css-loader', 'less-loader']
    }

new MiniCssExtractPlugin({
            filename: 'css/[name][contenthash].css',
        })

background-image: url(bb65a86a2fe7669e483a56b970bea421.png);

background-image: url(../bb65a86a2fe7669e483a56b970bea421.png);

{
        loader: MiniCssExtractPlugin.loader,
        options: {
            // 当前的css所在的文件相对于打包后的根路径dist的相对路径
            publicPath: '../'
        }
    }, 'css-loader', 'less-loader'