ウェブパックの構文エラー

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変数はどこにも使用されておらず、Webpack設定で任意のファイルを読み込むことはできません。ローダーは適用されません。