Ionic framework 将css库导入到ionic项目

我正在开发一个ionic应用程序，我正在尝试使用标志图标css库（）。我已经使用npm install安装了库，并将库添加到我的package.json文件中

我已将以下内容添加到我的app.scss文件中：

$flag-icon-css-path: '~flag-icon-css/flags' !default;
@import "~flag-icon-css/sass/flag-icon";

无法识别此路径，因此出现以下编译错误：

  sass: src/app/app.scss, line: 25 
  File to import not found or unreadable: ~flag-icon-css/sass/flag-icon. Parent style sheet: 
  /src/app/app.scss 

  L25:  @import "~flag-icon-css/sass/flag-icon";

将路径更改为相对符号时，即：

$flag-icon-css-path: '../../node_modules/flag-icon-css/flags' !default;
@import '../../node_modules/flag-icon-css/sass/flag-icon';

代码将被编译，css类将被解析，但应用程序无法解析svg文件的路径，从而导致404错误

我的网页包配置：

var path = require('path');
var webpack = require('webpack');
var ionicWebpackFactory = require(process.env.IONIC_WEBPACK_FACTORY);

module.exports = {
  entry: process.env.IONIC_APP_ENTRY_POINT,
  output: {
    path: '{{BUILD}}',
    publicPath: 'build/',
    filename: process.env.IONIC_OUTPUT_JS_FILE_NAME,
    devtoolModuleFilenameTemplate: ionicWebpackFactory.getSourceMapperFunction(),
  },
  devtool: process.env.IONIC_SOURCE_MAP_TYPE,

  resolve: {
    extensions: ['.ts', '.js', '.json'],
    modules: [path.resolve('node_modules')]
  },

  module: {
    loaders: [
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      {
        test: /\.ts$/,
        loader: process.env.IONIC_WEBPACK_LOADER
      }
    ]
  },

  plugins: [
    ionicWebpackFactory.getIonicEnvironmentPlugin(),
  ],

  // Some libraries import Node modules but don't use them in the browser.
  // Tell Webpack to provide empty mocks for them so importing them works.
  node: {
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  }
};

---

有什么想法吗？

请提供您的网页configuration@GONG，添加了configso，其中是

scss

loader session？@GONG，scss文件被加载问题是库试图从节点模块内部加载svg文件，这会导致404错误。如果正确，您需要

文件加载程序来正确处理文件