相关疑难解决方法(0)

如何使Font Awesome 5与Webpack配合使用

我正在尝试在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)

font-awesome webpack

15
推荐指数
6
解决办法
1万
查看次数

如何将FontAwesome 5 Pro与React集成?

有人可以建议我如何将FontAwesome 5 Pro与React 集成吗?

我知道有@ fortawesome / react-fontawesome软件包,例如@ fortawesome / fontawesome-free-regular,但是有没有办法包含专业版的图标?

当我登录FontAwesome网站时,可以下载pro-version JS,但是我猜这在React中没有用。

font-awesome reactjs font-awesome-5

4
推荐指数
2
解决办法
4997
查看次数

标签 统计

font-awesome ×2

font-awesome-5 ×1

reactjs ×1

webpack ×1