webpackErrorの解消【webpack_loader.exceptions.WebpackError】

#環境
Mac
python3.7
Django2.1.7
webpack

#問題
Djangoで作成したプロジェクトにwebpackを導入し、実行したところ以下のエラーが発生しました。

webpack_loader.exceptions.WebpackError: 
            ModuleParseError in 
            Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type.
> @font-face {
|   font-family: "Material Icons";
|   font-style: normal;

これを解決するにはどうすれば良いのでしょうか？
自身で調べた結果、webpack.config.jsの記述が原因だと推測しているのでひとまずはそのファイルを載せます。

javascript
1
2var path = require("path");
3var webpack = require('webpack');
4var BundleTracker = require('webpack-bundle-tracker');
5
6module.exports = {
7  context: __dirname,
8
9  entry: './assets/js/main.js', // これがエントリーポイント
10
11  output: { // コンパイルされたファイルの設定
12      path: path.resolve('./assets/bundles/'),
13      filename: "[name]-[hash].js",
14  },
15
16  plugins: [
17    new BundleTracker({filename: './webpack-stats.json'}),
18  ],
19
20  resolve: {
21    alias: {
22      'vue': path.resolve('./node_modules/vue/dist/vue.js'),
23    }
24  },
25};