Синтаксическая ошибка Webpack

Question

Новичок в веб-пакете и не уверен, что я делаю или как правильно настроить конфиг.

Настроить:

 /
 -- /public
    -- /js
       -- app.js
    -- /css
       -- app.scss
 -- /node_modules
    -- /autoprefixer
    -- /babel-loader
    -- /babel-core
    -- /babel-preset-es2015
    -- /css-loader
    -- /node-sass
    -- /postcss-loader
    -- /sass-loader
    -- /style-loader
    -- /webpack
 -- package.json
 -- .babelrc
 -- webpack.config.js

webpack.config.js:

var autoprefixer = require('autoprefixer');
var css = require('./public/css/app.scss');

module.exports = {
  entry: './public/js/app.js',
  output: {
    filename: '.public/bundle.js'
  },
  resolve: {
    extensions: ['', '.js', '.json']
  },
  module: {
    loaders: [
      {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      },
      {
        test:   /\.css$/,
        loader: "style-loader!css-loader!postcss-loader"
      },
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015']
        }
      }
    ]
  },
  postcss: function () {
      return [autoprefixer];
  }
};

После запуска 'webpack' в терминале я получаю сообщение об ошибке:

(function (exports, require, module, __filename, __dirname) { body {
                                                                   ^
SyntaxError: Unexpected token {

Answer 1

Удалить строку

var css = require('./public/css/app.scss');

Вы не используете css переменная в любом месте, и вы не можете загрузить произвольные файлы в конфигурации вашего веб-пакета. Погрузчики не применяются.