在Vue 项目 webpack 打包中关于背景图片的路径问题

Joonas 发布于2019-08-22 18:07 / 2804人阅读

摘要：第一次发，记录一下关于最近生产环境，开发环境路径问题。开发环境下我们可以在中引入相对路径，但在生产环境，会默认为根目录，所以我们需要在目录下对象中设置为就可以了。对于在组件背景图片的引用问题。

第一次发segmentfault ，记录一下关于最近生产环境，开发环境路径问题。
开发环境下我们可以在vue中引入相对路径，但在生产环境，会默认为根目录static，所以我们需要在config 目录下index.js build对象中 assetsPublicPath 设置为"./", 就可以了。

对于在vue组件背景图片的引用问题。我们需要在utils.js 文件下加入一段代码

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath: "../../",
        fallback: "vue-style-loader"
      })
    } else {
      return ["vue-style-loader"].concat(loaders)
    }

在这里加入publicPath 路径就可以了。记录下遇到的坑

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95515.html

在Vue 项目 webpack 打包中关于 背景图片的路径问题

摘要：第一次发，记录一下关于最近生产环境，开发环境路径问题。开发环境下我们可以在中引入相对路径，但在生产环境，会默认为根目录，所以我们需要在目录下对象中设置为就可以了。对于在组件背景图片的引用问题。第一次发segmentfault ，记录一下关于最近生产环境，开发环境路径问题。开发环境下我们可以在vue中引入相对路径，但在生产环境，会默认为根目录static，所以我们需要在config 目...

张红新 2019-08-02 16:03 评论0 收藏0
在Vue 项目 webpack 打包中关于 背景图片的路径问题

摘要：第一次发，记录一下关于最近生产环境，开发环境路径问题。开发环境下我们可以在中引入相对路径，但在生产环境，会默认为根目录，所以我们需要在目录下对象中设置为就可以了。对于在组件背景图片的引用问题。第一次发segmentfault ，记录一下关于最近生产环境，开发环境路径问题。开发环境下我们可以在vue中引入相对路径，但在生产环境，会默认为根目录static，所以我们需要在config 目...

yy13818512006 2019-08-30 15:53 评论0 收藏0
使用高德地图marker类中关于content图片路径问题

摘要：不易于后期更换图片标记二使用静态资源废话不多直接上代码我们在项目文件夹下新建一个图片，然后将所有的静态资源都放入这个文件夹中，这样打包的时候，依旧能找到图片路径，并且图片是独立打包称文件夹。高德Marker 类中有关于icon 图片的使用，现有两种方式可以实现一.使用import 导入在组件中直接import svg from demo/run.svg然后再初始化Marker标记...

waruqi 2019-08-22 18:45 评论0 收藏0
webpack4搭建Vue开发环境笔记~~持续更新

摘要：项目地址一知识获取当前文件所在路径，等同于把一个路径或路径片段的序列解析为一个绝对路径给定的路径的序列是从右往左被处理的，后面每个被依次解析，直到构造完成一个绝对路径如果处理完全部给定的片段后还未生成一个绝对路径，则当前工作目录会被用上生成项目git地址一、node知识 __dirname: 获取当前文件所在路径，等同于path.dirname(__filename) consol...

hankkin 2019-08-23 13:01 评论0 收藏0
vue开发看这篇文章就够了

摘要：注意此处获取的数据是更新后的数据，但是获取页面中的元素是更新之前的钩子函数说明组件已经更新，所以你现在可以执行依赖于的操作。钩子函数说明实例销毁 Vue -渐进式JavaScript框架介绍 vue 中文网 vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别？ Library 库，本质上是一...

fsmStudy 2019-08-21 18:37 评论0 收藏0