想使用webpack進(jìn)行程序打包，我一個css中引用了一個圖片地址，執(zhí)行build之后，想把這個圖片放在images這個文件夾下，但是打包后css中之前指定的地址找不到了。
比如我在一個css中的代碼如下：

body{
    background: url('../images/pic.png') no-repeat center center;
}

我的文件目錄為：
--assets
--css

--style.css

--images

--pic.png

--index.js

我的webpack配置如下：

const path = require("path");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin")
const CleanWebpackPlugin = require("clean-webpack-plugin")
var MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
    entry: "./src/index.js",
    output: {
        path: path.join(__dirname, "/dist"),
        filename: "static/[hash].js",
        publicPath:"dist/"
    },
    resolve: {
        alias: {
            // Utilities: path.resolve(__dirname, 'src/utilities/'),
        },
        extensions: [".js", ".vue"]
    },
    module: {
        rules: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: "babel-loader"
        },
        // {
        //     test: /\.css$/,
        //    use: ['style-loader','css-loader' ]
        // },
        {
            test: /\.css$/,
            use: [MiniCssExtractPlugin.loader, "css-loader"]
        },
        {
            test: /\.(png|jpg|gif|svg)$/,
            loader: 'url-loader',
            options: {
                limit: 1000,
                name: '[name].[ext]',
                outputPath: '../images/'
            }
        },
        {
            test: /\.(eot|ttf|woff|woff2)$/,
            loader: 'url-loader',
            options: {
                limit: 1000,
                name: '[name].[ext]',
                outputPath: './static/fonts/'
            }
        }
        ]
    },
    plugins: [  //修改點2
        new HtmlWebpackPlugin({
            template: "./index.html"
        }),
        new MiniCssExtractPlugin({
            filename: "[name].[chunkhash:8].css",
            chunkFilename: "./static/css/[id].css"
        }),
        new CleanWebpackPlugin(['dist']),
        new webpack.NoEmitOnErrorsPlugin()   //出錯時只打印錯誤，但不重新加載頁面
    ]
}

打包后會報錯：

webpack會默認(rèn)把我的圖片打包在css文件夾下。

具體應(yīng)該怎么配置？