Javascript 网页包:如何添加组件?
我需要在我的系统中添加一个(模块)。如何做对 我得到这个错误:Javascript 网页包:如何添加组件?,javascript,reactjs,webpack,font-awesome,preprocessor,Javascript,Reactjs,Webpack,Font Awesome,Preprocessor,我需要在我的系统中添加一个(模块)。如何做对 我得到这个错误: [1] ERROR in ./node_modules/font-awesome/css/font-awesome.css [1] Module parse failed: C:\Users\steko\Desktop\webpack-electron-react-sass-conf\node_modules\font-awesome\css\font-awesome.css Unexpected character '@' (7:
[1] ERROR in ./node_modules/font-awesome/css/font-awesome.css
[1] Module parse failed: C:\Users\steko\Desktop\webpack-electron-react-sass-conf\node_modules\font-awesome\css\font-awesome.css Unexpected character '@' (7:0)
[1] You may need an appropriate loader to handle this file type.
[1] | /* FONT PATH
[1] | * -------------------------- */
[1] | @font-face {
[1] | font-family: 'FontAwesome';
[1] | src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
[1] @ ./node_modules/react-fa/lib/index.js 13:0-44
[1] @ ./src/AwesomeComponent.jsx
[1] @ ./src/index.jsx
这很奇怪,因为我为css添加了样式加载器。如何修复它
尝试使用webpack.config中字体文件的url加载程序
{
test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader?mimetype=application/font-woff',
},
{
test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader?mimetype=application/font-woff',
},
{
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader?mimetype=application/octet-stream',
},
{
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader',
},
@VINET您需要添加一个规则来处理Web包配置中的CSS文件 尝试在配置中添加以下规则
{
test: /\.css$/,
loader: "style-loader!css-loader"
},