如何在webpack中使用本工具

[lilywang711]

在使用vue框架等单页面应用时，如何使用 font-spider?

[aui]

似乎有点难度，我仔细想想

[nobugsss]

同问

[wuyunjiang]

可以先将项目打包，然后再在打包后的文件下执行font-spider命令。这个时候要注意css文件和字体的引用路径，必须是相对路径

[hakelong]

@wuyunjiang 打包后的index.html里面没有直接写css的引用，用font-spider的话会显示没有找到使用的模块，这可咋办呢

[wuyunjiang]

@hakelong js动态引入的css文件？还是什么，不知道你是什么情景下遇到问题，可以说清楚点

[hakelong]

@wuyunjiang 就是我在用vue写的demo里，那个css是写在.vue的文件里的，对最后打包生成的html文件使用这个font-spider，提示web font not found

[uni-zheng]

@hakelong 去检查 webpack 编译文件后是否单独生成了 css 文件，spider 只能通过 css 文件去压缩字体文件。想要单独生成 css 文件去查阅 extract-text-webpack-plugin 插件。

[yee94]

我就想关注一下这个问题。。

[Scarittagle]

作者写的时候没有考虑到Frameworks的问题 所以爬虫只会找html文件上面的CSS Class.... 没办法了 有时间写个Vue Wrapper好了 vue-font-spider ？ 但是基于现在bug的数量还是等作者优化优化吧

[PineappleBeer]

同求QAQ

[lssama]

同问 如何在vue项目中使用font-spider

[chuanxinwong]

`
//package.json

"scripts": {
"test": "webpack --config webpack.test.js && font-spider ./dev/.html",
"dev": "webpack --config webpack.test.js -w",
"build": "webpack --config webpack.prod.js && font-spider ./dist/.html"
}

// 执行 npm run test 就会先webpack 打包完了在 压缩字体。
`

[freyhill]

同一个世界 同一个问题

[zyj1022]

同楼上，webpack没有解决方案啊

[Dan030]

同一个世界 同一个问题 +10086

[shuqianchi]

同一个世界 同一个问题 +2019

[StuMisaka]

也遇到了这一个问题，难顶

[doterlin]

同一个世界 同一个问题 +1024

[molvqingtai]

同一个世界同一个问题

[wood3n]

能不能自己写一个plugin呢？

[zhuzhengshou]

个人写了一个基于font-spider适用于webpack的插件，同时兼容了font-spider-plus的动态解析提取的功能，希望对大家有帮助
插件技术方案文档：https://juejin.cn/post/7022897665302560782
Git仓库：https://github.com/zhuzhengshou/spa-font-spider-webpack-plugin

[x814566371]

同一个世界 同一个问题 +2021