stackoverflow my solution : https://stackoverflow.com/questions/41167623/parse-error-in-webpacks-package-json

main.js

import jquery from 'jquery';
import'./style.css';

console.log(jquery.fn.jquery)
console.log($.fn.jquery)
console.log(jQuery.fn.jquery)

package.json

{
  "name": "41167623",
  "version": "1.0.0",
  "description": "Parse Error in webpack's package.json",
  "main": "main.js",
  "scripts": {
    "start": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^0.28.4",
    "jquery": "^3.2.1",
    "style-loader": "^0.18.2",
    "webpack": "^2.6.1"
  }
}

style.css

body {
    background-color: green;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

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

Do the steps

 npm install 
npm start 

Output