0
我试图在我的reactjs应用程序中包括字体真棒,这些都是我遵循的步骤。'字体真棒'适当的加载程序来处理
1. npm install --save font-awesome
2. Import it to my jsx file
import '../../../../../../node_modules/font-awesome/css/font-awesome.min.css';
3. Adding url-loader to my webpack.config.js
{
test: /\.(woff|woff2|eot|ttf)(\?.*$|$)/,
loader: 'url-loader?limit=100000'
}
但我收到了这个问题。我该如何解决这个问题?
../~/font-awesome/css/font-awesome.min.css 模块解析失败:C:\用户\管理员\文件\ revegator平台\ node_modules \字体真棒\ CSS \字体-awesome.min.css意外字符'@'(4:3) 您可能需要一个合适的加载程序来处理此文件类型。
我webpack.config.js
'use strict';
let path = require('path');
module.exports = {
entry: path.resolve('./src/main.js'),
output: {
path: path.resolve('../public/js'),
filename: 'build.js'
},
resolve: {
extensions: ['.js', '.jsx', '.json']
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: 'babel-loader'
},
{
test: /\.s[a|c]ss$/,
loader: 'style-loader!css-loader!sass-loader'
},
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]'
}
}
]
}
};