search

myronliu347 / vue-carbon

此项目已停止维护，建议迁移到 https://github.com/museui/muse-ui/
861 stars 135 forks source link

*.vue 里面引用了图片，如何做图片的打包和压缩 #44

Closed liguanrui closed 7 years ago

liguanrui commented 7 years ago

直接贴代码啦

<content-block >
  <h3>介绍</h3>
  <img src='/upload/image/20170213/1486968394492062.png' class='pic-row'>
  <p>指挥官竞赛是什么……</p>
</content-block>

<style lang="css">
  body {
    background: url(/static/vue/bg.png) center 0px no-repeat;
    background-position: center 0px;
    background-color: #000d20 !important;
    color: #FFF;
  }
</style>

求指教，希望遍历*.vue文件里面的html和css，把图片打包到某一目录，最好还可以替换源码的引用！

myronliu347 commented 7 years ago

是可以的，不过不过你这里的图片路径有点问题，要写引用路径，直接 / 开头，会被认成线上的图片，不是本地所以没有过打包

liguanrui commented 7 years ago

那压缩该怎么办呢