Vue怎么指定不编译的文件夹和favicon.ico
导读:本文共1646字符,通常情况下阅读需要5分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 指定不编译的文件夹和favicon.ico在Vue3.0中引入public文件夹,不希望被编译的文件都可以放到这个文件夹下,但是在vue2.0中实现类似的功能,需要自己在webpack.prod.conf.js中做一些配置这里简单区分一下Vue2.0中的assets和static区别assets:各组件中的依赖项,会被编译static:不会被编译,原样放到dis... ...
目录
(为您整理了一些要点),点击可以直达。在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的详细内容,希望对您有所帮助,信息来源于网络。