├── src
│ ├── assets
│ │ └── logo.png
│ ├── blueprints
│ │ ├── base
│ │ │ ├── index.js
│ │ │ └── page.vue
│ │ ├── base2
│ │ │ ├── index.js
│ │ │ └── page.vue
│ │ └── index.js
│ ├── components
│ │ └── Hello.vue
│ ├── main.js
│ └── widgets
在 src/blueprints/base/page.vue 中,我想通过绝对路径来引用 src/assets/logo.png
<template>
<img class="logo" src="../../assets/logo.png">
</template>
如果使用相对路径, loader 可以将其处理为 base64 image 。使用绝对路径 loader 无法识别。
我想这么写
<template>
<img class="logo" src="assets/logo.png">
</template>
有好用的处理办法么?
1
SourceMan 2016-08-08 15:01:51 +08:00
写个 alias
resolve: { alias: { 'assets': path.resolve(__dirname, '../src/assets'), } } |
2
xylitolLin 2016-08-08 15:04:36 +08:00
写成 data
````javascript <template> <img class="logo" v-bind:src="pic"> </template> <script> var pic = require('***/pic.png') module.exports = { data: function() { return { pic: pic } } } </script> ```` |
3
xylitolLin 2016-08-08 15:05:14 +08:00
咦,不支持 markdown ?
|
5
majik OP @xylitolLin 我暂时就是用变量的方式绑定到页面上,但是这个图片只是用一次,也不会改变,难道还要为此去 import ?感觉有点脏
|
9
IamJ 2016-08-08 15:57:46 +08:00
这两种都不是绝对路径
|
11
majik OP |
12
mlyknown 2016-08-08 23:03:41 +08:00
~assets/logo.png;../../assets/logo.png;assets/logo.png; 这三种有什么区别呢
|