我一直在努力在使用webpack的angular2应用程序中安装font-awesome.
更新了我的webpack.config.js以包含加载字体文件：
module: {
loaders: [
{ test: /\.ts$/,loader: 'awesome-typescript-loader' },{ test: /\.json$/,loader: 'json-loader' },{ test: /\.html/,loader: 'raw-loader' },{ test: /\.css$/,loader: 'to-string-loader!css-loader' },// For font-awesome
{test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)(\?v=[0-9]\.[0-9]\.[0-9])?$/,loader: 'file?name=fonts/[name].[hash].[ext]?'}
]
},
使用以下命令安装font-awesome：
npm install font-awesome
添加了对ts文件的要求
要求(” ../ node_modules /字体真棒/ CSS /字体awesome.css’);
我一直在收到这个错误：
ERROR in ./~/font-awesome/css/font-awesome.css
Module build Failed: Error: Cannot find module ‘../fonts/fontawesome-webfont.eot?v=4.6.3’
任何想法如何解决这一问题 ？.
解决方法
我想你应该使用style-loader而不是to-string-loader：
{ test: /\.css$/,loader: 'style!css' },
