问答详情
源自:2-2 webpack配置项目加载各种静态资源及css预处理器

ERROR in ./src/assets/styles/test.css (./node_modules/css-loader/dist/cjs.js!./src/assets/styles/test.css) Module not found: Error: Can't resolve '../images/three.png' in 'D:\Vuee\VUE-SSR-TECH\src\assets\styles' @ ./src/assets/styles/test.css (./node_m

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 ()

]

}



提问者:qq_慕仔8365701 2019-05-27 15:54

个回答

  • tinyivn
    2019-05-31 12:02:06

    index.js中需要import图片文件import './assets/images/three.png'