mpvue 如何使用 font-awesome? (不需要编码base64)
写小程序遇到的问题网上大多是:下载字体包-压缩.ttf文件-> 编码base64-新建wxss 复制修改替换 font-awesome源码太麻烦了研究了一下午 解决方案如下npm i font-awesome –savemain.js里 添加 import ‘font-awesome/css/font-awesome.min.css’此时 使用的话 报错...
·
mpvue 如何使用 font-awesome? (不需要编码 base64)
写小程序遇到的问题
网上大多是:下载字体包-压缩.ttf 文件-> 编码 base64 -新建 wxss 复制修改替换 font-awesome 源码
太麻烦了
研究了一下午 解决方案如下
1.安装依赖
npm i font-awesome --save
2.main.js 里 添加
import 'font-awesome/css/font-awesome.min.css';
3.此时 使用的话 报错
VM23297:2 Failed to load local font resource /static/fonts/fontawesome-webfont.woff2-do-not-use-local-path-./static/css/app.wxss&4&7
the server responded with a status of 404 (HTTP/1.1 404 Not Found)
4.解决方法 在 build 文件夹里 修改 webpack.base.conf.js 文件
如下:重点是去除 limit 限制
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
// limit: 10000,
name: utils.assetsPath('fonts/[name].[ext]')
}
}
5.然后重启项目
npm run dev
更多推荐
已为社区贡献29条内容
所有评论(0)