起因
公司官网改造,因为全部为静态页面,所以使用nuxtjs开发。
系统环境
依赖包版本
"cross-env": "^5.2.0",
"element-ui": "^2.4.11",
"express": "^4.16.4",
"nuxt": "^2.0.0"
问题产生
开发基本完成后,发现网页图标始终显示的是一个黑色的小地球(Chrome默认的网页图标),无论把.ico
文件放在/asset
文件夹还是/static
文件夹都没办法编译到生产或者开发环境中去。
解决
自行解决的办法很暴力,直接把favicon.ico
文件放入了打包后的文件夹的根目录。
猜想
很可能是webpack
打包出现的问题,于是查看官方文档,发现:
默认情况下 Nuxt 使用 vue-loader、file-loader 以及 url-loader 这几个 Webpack 加载器来处理文件的加载和引用。对于不需要通过 Webpack 处理的静态资源文件,可以放置在
static
目录中。