angular – 在angluar2 webpack中使用Font-awesome

发布时间：2020-12-17 17:07:50 所属栏目：安全来源：网络整理

导读：我一直在努力在使用webpack的angular2应用程序中安装font-awesome. 更新了我的webpack.config.js以包含加载字体文件： module: {loaders: [ { test: /.ts$/,loader: 'awesome-typescript-loader' },{ test: /.json$/,loader: 'json-loader' },{ test: /.h

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!