ES6 - Javascript - Jquery внешний не определен

Question

У меня есть несколько файлов app.js

import $ from 'jquery';
// export for others scripts to use
window.$ = window.jQuery = $;
import personnal from './assets/js/personnal';
import {cube,machin} from './assets/js/exporting';


$( document ).ready(function() {
    $("div#testok").css({"border":"5px solid black"});

});

В файле app.js jquery работает, но в моем пользовательском файле "personnal.js" jquery не определен

$( document ).ready(function() {
    console.log($('div#testok'));

});
console.log('loading personnal');

Iиспользовать пряжу,

{
  "name": "yarnes6",
  "version": "1.0.0",
  "main": "app.js",
  "license": "MIT",
  "browserify": {
    "transform": [
      [
        "babelify",
        {
          "presets": [
            "es2015"
          ]
        }
      ]
    ]
  },
  "scripts": {
    "build": "browserify app.js -o dist/bundle.js",
    "watch": "watchify app.js -o dist/bundle.js -v"
  },
  "dependencies": {
    "browserify": "^16.2.3",
    "jquery": "^3.4.1",
    "reading-time": "^1.2.0",
    "watchify": "^3.11.1"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-preset-es2015": "^6.24.1",
    "babelify": "^8"
  }
}

Невозможно использовать jquery непосредственно в моем личном файле?какой метод?