Webpack 구문 오류

Question

webpack에 익숙하지 않으며 내가하고있는 일이나 구성을 올바르게 설정하는 방법을 잘 모르고있다.

설정 :

/
-- /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]; 
    } 
}; 

, 나는 오류 얻을 : 라인을 제거

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

Answer 1

을

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

아무데도 css 변수를 사용하지 않고 임의로 파일을로드 할 수 없습니다. 로더는 적용되지 않습니다.