webpack4——css中引用图片

webpack.config.js中配置module

    module:{
        rules:[
            {
                /*打包css需要工具style-loader和css-loader
                *npm install style-loader --save-dev
                *npm install css-loader --save-dev
                */
                test:/\.css$/,
                /*这里的use可以写成loader;
                *也可以写成use:[{loader:"style-loader"},{loader:"css-loader"}]*/
                use:['style-loader','css-loader']
                
            },{
                /*需要安装npm install --save-dev file-loader url-loader*/
                test:/\.(png|jpg|gif)/,
                use:[{
                    loader:'url-loader',
                    options:{
                        limit:500000/*图片小于limit值时，将图片打印成base64放在js文件中;大于时直接打包到dist文件中*/
                    }
                }]
            }
        ]
    },