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

當在終端中運行 '的WebPack'，我得到一個錯誤：

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

Answer 1

取出線

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

您沒有在任何地方使用css變量，並且無法在webpack配置中加載任意文件。裝載機不適用。