Vue文件样式使用了图片背景运行错误该怎么配置
发布于 3 年前 作者 clubadmin 1072 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

.page1 background: url(~/assets/img/print.jpeg) center center no-repeat; background-size: 100%;

module: {
rules: [{
test: /.vue$/,
loader: ‘vue-loader’,
exclude: /node_modules/
}, {
test: /.(css|styl(us)?)$/i,
use: [
‘vue-style-loader’,
‘css-loader’,
‘stylus-loader’
]
}, {
test: /.js$/,
loader: ‘babel-loader’,
exclude: /node_modules/
}, {
test: /.(jpeg|png|gif|svg|jpg)$/i,
loader: ‘url-loader’,
options: {
name: ‘[name][hash].[ext]’,
limit: 8192,
outputPath: ‘images’
}
}, {
test: /.(eot|ttf|woff|woff2)$/i,
loader: ‘file-loader’,
options: {
name: '[name]
[hash].[ext]’,
outputPath: ‘font’
}
}]
},

ERROR in ./src/assets/img/print.jpeg 1:0
Module parse failed: Unexpected character ‘�’ (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)
@ ./src/layout/page1.vue?vue&type=style&index=0&lang=stylus& (./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/stylus-loader!./node_modules/vue-loader/lib??vue-loader-options!./src/layout/page1.vue?vue&type=style&index=0&lang=stylus&) 4:36-71
@ ./node_modules/vue-style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/stylus-loader!./node_modules/vue-loader/lib??vue-loader-options!./src/layout/page1.vue?vue&type=style&index=0&lang=stylus&
@ ./src/layout/page1.vue?vue&type=style&index=0&lang=stylus&
@ ./src/layout/page1.vue
@ ./src/router/mainRouter.js
@ ./src/entry/main.js

回到顶部