《基于 Vue 组件库 的 Webpack5 配置》6.将字体库和图片等静态资料,编译后打包至指定文件夹

js 复制代码
module.exports = {
    module: {
            {
                test: /\.(png|svg|jpg|jpeg|gif)$/i,
                type: 'asset/resource',
                generator: {
                    // publicPath: 'assets/imgs/', // 
                    filename: 'imgs/[hash][ext]',
                }
            },
            {
                test: /\.(woff|woff2|eot|ttf|otf)$/i,
                type: 'asset/resource',
                generator: {
                    filename: 'fonts/[hash][ext]',
                }
            },
        ]
    },
}
相关推荐
wuhen_n4 分钟前
CSS元素动画篇:基于页面位置的变换动画
前端·css·html·css3·html5
sql1234567891124 分钟前
前端——CSS1
前端
Nueuis29 分钟前
微信小程序分页和下拉刷新
服务器·前端·微信小程序
小白640239 分钟前
前端性能优化(实践篇)
前端·性能优化
白瑕1 小时前
[JavaScript]对象关联风格与行为委托模式
javascript
小彭努力中1 小时前
9.Three.js中 ArrayCamera 多视角相机详解+示例代码
开发语言·前端·javascript·vue.js·数码相机·ecmascript·webgl
朝阳391 小时前
Electron Forge【实战】桌面应用 —— 将项目配置保存到本地
前端·javascript·electron
若愚67922 小时前
Tauri 跨平台开发指南及实战:用前端技术征服桌面应用(合集-万字长文)
前端·vue.js·rust·gitcode
不秃的开发媛2 小时前
前端技术Ajax实战
前端·javascript·ajax
IT瘾君2 小时前
JavaWeb:后端web基础(Tomcat&Servlet&HTTP)
前端·servlet·tomcat