當我執行npm start時反應CSS加載器問題

Question

我在執行npm start命令時遇到問題。我正在使用ubuntu和node 4.2.2版本。

./~/css-loader!./~/autoprefixer-loader?browsers=最近3個版本中有錯誤！./〜/ sass-loader？outputStyle = expanded＆includePaths [] = path / node_modules！./ src / styles / index。找不到scss模塊：錯誤：無法解析path / src / styles中的“文件”或“目錄” ../../assets/fonts/Roboto/roboto-light.eot

我的項目文件結構是

webclient/
   assets/
      fonts/
        Material Icons/
        Roboto/
        RobotoDraft/

Answer 1

安裝文件加載器，然后測試

  test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,

  use: [
          {
            loader: 'file-loader',
            options: {
              outputPath: 'fonts/',
              name: '[name][hash].[ext]',
          },
        },
      ],

使用文件加載器，您可以將字體保存在構建目錄中

您還可以使用url-loader，以便您可以內嵌構建js文件中的字體。