const path=require('path')
const VueLoaderPlugin =require('vue-loader/lib/plugin')
module.exports={
entry:path.join(__dirname,'src/index.js'),//入口
mode: 'development',//指定模式
output:{ //出口
filename:'bundle.js',
path:path.join(__dirname,'dist')
},
module:{
rules:[ //定义规则
{ //使用vue-loader来处理。vue类型的文件
test:/\.vue$/,
loader:'vue-loader'
},{
test:/\.css$/,
use:[
'style-loader', //写到style标签
'css-loader',
]
},
{
test:/\.styl/,
use:[
'style-loader',
'css-loader',
'stylus-loader'
]
},
{
test:/\.(gif|jpg|jpeg|png|svg)$/,
use:[
{
loader:'url-loader', //将图片生成为base64
options:{
limit:6024,
name:'[name]-aaa.[ext]'
}
}
]
}
]
},
plugins:[
new VueLoaderPlugin ()
]
}
index.js中需要import图片文件import './assets/images/three.png'