Parse-Fehler in webpack der package.json

Question

Ich habe die folgende einfache webpack.config.js Datei:

var webpack = require("webpack"); //LINE OF INTEREST 

module.exports = { 

    entry: ["./main.js"], 
    output: { 
     path: "./build", 
     filename: "bundle.js" 
    }, 

    module: { 
    loaders: [ 
     { test: /\.css$/, loader: 'style-loader!css-loader' } 
    ] 
    }, 
    plugins: [ 
    new webpack.ProvidePlugin({ 
     $: "jquery", 
     jQuery: "jquery" 
    }) 
    ] 
}; 

Wenn ich die Top-Linie definiert webpack Kommentar aus, bekomme ich einen Fehler, weil ich webpack Referenz bei der Festlegung der ProvidePlugin. Als ich das erste Zeile enthalten jedoch bekomme ich folgende kryptische Fehler:

ERROR in (webpack)/package.json 
Module parse failed: /var/www/html/node_modules/webpack/package.json Unexpected token (2:9) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected token (2:9) 

Zunächst einmal, ich bin nicht sicher, warum mein Apache-Stammverzeichnis meines node_modules Ordner ist. Zweitens, warum bekomme ich einen Parse-Fehler? Ist die Datei package.json nicht etwas, das über npm installiert wurde? Wie könnte es Syntaxfehler geben?

Answer 1

webpack.config.js

const webpack = require("webpack"); 
 
const path = require('path'); 
 

 
module.exports = { 
 

 
    entry: "./main.js", 
 
    output: { 
 
     path: path.resolve(__dirname, 'build'), 
 
     filename: "bundle.js" 
 
    }, 
 

 
    module: { 
 
     rules: [ 
 
      { 
 
       test: /\.css$/, 
 
       use: [ 
 
        { loader: "style-loader" }, 
 
        { loader: "css-loader" } 
 
       ] 
 
      } 
 
     ] 
 
    }, 
 
    plugins: [ 
 
     new webpack.ProvidePlugin({ 
 
      $: "jquery", 
 
      jQuery: "jquery" 
 
     }) 
 
    ] 
 
};

Working Example Weitere Informationen