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

来源:2-2 webpack配置项目加载各种静态资源及css预处理器

qq_慕仔8365701

2019-05-27 15:54

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

]

}



写回答 关注

1回答

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

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


Vue+Webpack打造todo应用

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

84606 学习 · 787 问题

查看课程

相似问题