Webpack Jquery

mau tanya nih, kalo mau masukin jquery atau angular di webpack gimana ya? saya sudah coba tapi error $ is not defined

 import css from './css/app.scss';
import'jquery';
import scripts from './app/script.js';

 var HtmlWebpackPlugin  = require('html-webpack-plugin');
var path               = require('path');
var webpack            = require('webpack');

module.exports = {
  entry: './public/src/app.js',
  output:{
    path: path.resolve(__dirname, 'public'),
    filename: 'app.bundle.js'
  },
  module:{
    rules:[
      {test: /\.scss$/,loaders:'style-loader!css-loader!sass-loader'},
      {
        test:/\.js$/,
        exclude: /node_modules/,
        use:'babel-loader'
      }
    ]
  },
  devServer:{
    contentBase: path.join(__dirname,"dist"),
    compress: true,
    port: 9000
  },
  plugins: [new HtmlWebpackPlugin({
    title: 'project',
    template: './public/src/index.html'
    })
  ]
}

{
  "name": "ybca",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack-dev-server",
    "prod": "webpack -p"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.24.1",
    "babel-loader": "^7.0.0",
    "babel-preset-es2015": "^6.24.1",
    "bootstrap-loader": "^2.0.0",
    "bootstrap-sass": "^3.3.7",
    "css-loader": "^0.28.0",
    "html-webpack-plugin": "^2.28.0",
    "node-sass": "^4.5.2",
    "resolve-url-loader": "^2.0.2",
    "sass-loader": "^6.0.3",
    "style-loader": "^0.17.0",
    "url-loader": "^0.5.8",
    "webpack": "^2.4.1",
    "webpack-dev-server": "^2.4.5"
  },
  "dependencies": {
    "jquery": "^3.2.1"
  }
}