Vue怎么指定不编译的文件夹和favicon.ico(favicon.ico,vue,开发技术)

时间:2024-04-28 17:48:24 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    Vue%E6%80%8E%E4%B9%88%E6%8C%87%E5%AE%9A%E4%B8%8D%E7%BC%96%E8%AF%91%E7%9A%84%E6%96%87%E4%BB%B6%E5%A4%B9%E5%92%8Cfavicon.ico

在Vue3.0中引入public文件夹,不希望被编译的文件都可以放到这个文件夹下,但是在vue2.0中实现类似的功能,需要自己在webpack.prod.conf.js中做一些配置

assets:各组件中的依赖项,会被编译

static:不会被编译,原样放到dist文件夹下

言归正传,假设不希望被编译的文件全部放在public下,要修改的地方是webpack.prod.conf.js

同样是修改webpack.prod.conf.js

首先将favicon.ico图片放在根目录下,通过以下两种方法使其显示正确。

1、找到build下的webpack.dev.conf.js文件

2、找到build下的webpack.prod.conf.js文件

修改配置文件后重启npm run dev,大功告成。

注意:如果打包发布到线上,会导致ico图标不显示的问题,是因为执行npm run build打包后只有static文件夹和index.html文件,找不到根目录下的ico图标,解决办法:把ico图标放到static文件夹下就OK啦。

本文:Vue怎么指定不编译的文件夹和favicon.ico的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:基于PHP怎么实现个人博客网站下一篇:

7 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18