angular – 在angluar2 webpack中使用Font-awesome

2019年7月28日 255次阅读

我一直在努力在使用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' },
点赞