每个人配置的favicon.ico都有可能不同,所以只讲我觉得关键的东西
关键的东西就是,你打包到服务器时,发现favicon.ico这个文件并不在目录里面
原因
因为webpack打包机制造成的,就是你引入使用了,它才会打包进去。按需打包。
解决方案
既然页面没有直接引用这个文件,所以我们就用 复制静态资源的办法把它强行复制过去
npm install copy-webpack-plugin --save-dev
//静态资源输出,将src目录下的assets文件夹复制到dist目录下
const CopyPlugin = require("copy-webpack-plugin");
new CopyPlugin([{
from: path.resolve(__dirname, "../src/test"),
to: './',
ignore: ['.*']
}]),
// ../src/test 可以自己随便写到自己建的文件,
上面的意思就是把 ../src/test 里的文件拷贝到 dist的根目录