老师，您好！

页面引入图片无法显示，但是在控制台中又可以看到base64格式的图片地址，但把地址复制到地址栏里看又无法预览，感觉地址有问题是张空图片，您帮忙看下吧。

const path = require('path');

var webpack=require('webpack');

//引入单独打包css样式文件插件

var Ex = require('extract-text-webpack-plugin');

//打包html的插件

var HtmlWebpackPlugin = require('html-webpack-plugin');

//获取html-webpack-plugin参数的方法，适用于多个页面需要打包的情况

var getHtmlCongfig=function (name,title) {

return {

chunks:['common',name],//需要打包的模块

filename:'view/'+name+'.html',//以output里path为相对路径来作为目标文件的路径

template:'./src/view/'+name+'.html',//html原始模板

title:title,

inject:true,

hash:true

}

}

module.exports = {

entry: {

//多入口文件的处理方法

'common':['./src/page/common/common.js'],

'index':['./src/page/index/index.js'],

'user-login':['./src/page/user-login/user-login.js'],

'user-register':['./src/page/user-register/user-register.js'],

'user-pass-reset':['./src/page/user-pass-reset/user-pass-reset.js'],

'user-pass-update':['./src/page/user-pass-update/user-pass-update.js'],

'user-center':['./src/page/user-center/user-center.js'],

'user-center-update':['./src/page/user-center-update/user-center-update.js'],

'result':['./src/page/result/result.js']

},

output: {

//多入口文件

filename: 'js/[name].js',

publicPath:'/dist',

path: path.resolve(__dirname, 'dist')

},

module: {

loaders: [

// 单独打包出CSS，这里配置注意下

{test: /\.css$/,loader: Ex.extract('style-loader', 'css-loader')},

//对图片和文字的打包处理

{test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,loader: 'url-loader?limit=100&name=/resource/[name].[ext]',options:{publicPath:'/dist'}},

{test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,loader: 'file-loader?limit=100&name=/resource/[name].[ext]'},

{test: /\.string$/,loader:'html-loader'}

]

},

resolve: {

//路径层级较深,简化路劲

alias: {

node_modules    :__dirname + '/node_modules',

util            :__dirname + '/src/util',

page            :__dirname + '/src/page',

service         : __dirname + '/src/service',

image           :__dirname +'/src/image'

}

},

plugins:[

//1、提取文件中多次引用的公共部分 2、全局通用文件

new webpack.optimize.CommonsChunkPlugin({

name:'common',

filename:'js/base.js'

}),

//将css文件打包到dist/css/文件名为其本身.css

new Ex('css/[name].css'),

//html模板的处理

new HtmlWebpackPlugin(getHtmlCongfig('user-login','用户登录')),

new HtmlWebpackPlugin(getHtmlCongfig('user-register','用户注册')),

new HtmlWebpackPlugin(getHtmlCongfig('user-pass-reset','找回密码')),

new HtmlWebpackPlugin(getHtmlCongfig('user-pass-update','修改密码')),

new HtmlWebpackPlugin(getHtmlCongfig('user-center','用户中心')),

new HtmlWebpackPlugin(getHtmlCongfig('user-center-update','用户中心编辑')),

new HtmlWebpackPlugin(getHtmlCongfig('index','首页')),

new HtmlWebpackPlugin(getHtmlCongfig('result','操作结果'))

],

devServer:{

contentBase:path.resolve(__dirname, './'),

host:'localhost.charlesproxy.com',

inline:true,

compress:true,

port:8080

}

};