webpack 打包配置 favicon.ico的解决方法

每个人配置的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的根目录

你可能感兴趣的:(webpack,工程化)