Question

我一直在努力在使用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文件require('../node_modules/font-awesome/css/font-awesome.css');

添加了要求

我继续犯这个错误：

错误在./~/font-awesome/css/font-awesome.css中模块构建失败：错误：找不到模块'../ fonts / fontawesome-webfont.eot？v = 4.6.3'

任何想法如何解决这个问题？。

Answer 1

我猜您应该使用style-loader代替to-string-loader：

{ test: /\.css$/,  loader: 'style!css' },

在angluar2 webpack中使用Font-awesome

1 个答案: