作为图片最好放在static目录下,但是vue@cli3没有static,网上都说放在public目录下,行,那就放吧,可问题是图片放了怎么使用 第一次尝试 肯定用绝对路径这就不说了,用相对路径,webpack会解析成base64,可是绝对路径怎么输都不对,咋回事 后面看网上说把前面路径下 ...
在 vue cli 初始化的项目根目录下面:和 src 同级有一个 public 目录 官网的说明如下:https: cli.vuejs.org zh guid... 然后我们把一个文件 a.png 放置到它里面,不管打包还是 dev 起服务的时候,可以通过根目录访问 比如 build 的时候,最终 dist 目录的根目录就会出现一个 a.png。 所以很多人会把一些需要在根目录访问的文件多放置到 ...
2018-12-18 17:58 0 7226 推荐指数:
作为图片最好放在static目录下,但是vue@cli3没有static,网上都说放在public目录下,行,那就放吧,可问题是图片放了怎么使用 第一次尝试 肯定用绝对路径这就不说了,用相对路径,webpack会解析成base64,可是绝对路径怎么输都不对,咋回事 后面看网上说把前面路径下 ...
官网地址:https://cli.vuejs.org/zh/guide/html-and-static-assets.html#url-%E8%BD%AC%E6%8D%A2%E8%A7%84%E5%88%99 最近学习vue3,在封装图片时需要传入路径,相对路径太麻烦,绝对路径报错,在官网 ...
之前写了一篇vue文件怎么使用的文章,有人问我怎么在css文件中使用public下的文件,这是个好问题,因为我之前都没有研究过 需要解决的2个问题 一开始按照vue文件的使用方式(https://www.cnblogs.com/wzcsqaws/p/11283228.html)试了一下,总结 ...
前言: webpack中的require解析 首先明确一点,在项目中的webpack.config.js等项目配置文件中使用的require属于nodejs范畴,而进入index.js后,加载的组件 ...
pubcli和assets文件夹都是用来存储静态资源的,: 【assets文件夹】 通过相对路径被引入,这类引用会被webpack处理; 比如: 会被编译成: 再比如: 会被编译成: 【public文件夹】 放在public目录下的资源会被直接复制 ...
需要为 URL 配置 publicPath 前缀:process.env.BASE_URL ...
标题说的很清楚了,就是要使用public中的图片 那么为什么要把图片放到public中呢,其实官网上面也说了,要么是需要动态引入非常多的图片,特别是小图标,如果放在assert中的话,会被webpack处理,很可能被打成base64混合到app.js里面 这样就导致这个js文件比较大, 因为动态 ...