我正在尝试在Flask / webpack项目中使用Fontawesome。
最疯狂的事情是它可以正常工作,然后停止运行,我更改了一些愚蠢的操作,再次运行,最后完全停止运行。
是)我有的:
软件包配置:
"devDependencies": {
...
"css-loader": "^1.0.0",
"node-sass": "^4.9.3",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.0",
"webpack": "^4.19.0",
"webpack-cli": "^3.1.0",
"webpack-merge": "^4.1.4"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^5.3.1",
"bootstrap": "^4.1.3",
...
}
Run Code Online (Sandbox Code Playgroud)
webpack配置(规则部分):
test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
use: [{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: '../fonts/',
publicPath: '../static/fonts'
}
}]
},
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
'sass-loader'
]
},
{
test: /\.scss$/,
use: [
"style-loader",
"css-loader",
"sass-loader"
]
},
Run Code Online (Sandbox Code Playgroud)
webpack,输入部分:
entry: {
myStyles: './stles/myStyles.js'
},
Run Code Online (Sandbox Code Playgroud)
myStyles.js:
import fontawesome from …Run Code Online (Sandbox Code Playgroud) 有人可以建议我如何将FontAwesome 5 Pro与React 集成吗?
我知道有@ fortawesome / react-fontawesome软件包,例如@ fortawesome / fontawesome-free-regular,但是有没有办法包含专业版的图标?
当我登录FontAwesome网站时,可以下载pro-version JS,但是我猜这在React中没有用。