🐛 bug report

When attempting to use a function (in an onclick and onload, specifically) from an imported script in HTML (i.e <script src="test.js"></script>), I get ReferenceError: x is not defined for every function. This has been tested only when running locally in the default parcel dev mode.

🎛 Configuration (.babelrc, package.json, cli command)

{
  "scripts": {
    "build": "parcel build src/index.html --detailed-report",
    "dev": "parcel src/index.html"
  },
  "dependencies": {},
  "devDependencies": {
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "parcel-bundler": "^1.9.2"
  },
  "babel": {
    "presets": [
      [
        "env",
        {
          "targets": {
            "browsers": [
              "last 3 versions",
              "not ie < 11"
            ]
          }
        }
      ]
    ],
    "plugins": [
      "transform-runtime"
    ],
    "comments": false
  },
  "browserlist": [
    "last 3 versions",
    "not ie < 11"
  ]
}

🤔 Expected Behavior

When I call a function in HTML that is defined in an imported file, I should run that function

😯 Current Behavior

Uncaught ReferenceError: login is not at HTMLButtonElement.onclick ((index):27)

💁 Possible Solution

Not really sure. I’ve tried using export on my functions as well. Only directly inlining the script seems to work.

🔦 Context

I’d like to be able to define some simple JS functions in a separate file from my HTML. Currently, I’m building a static login page, but the login logic is complex enough that I’d like for it to live in a separate file.

💻 Code Sample

https://github.com/JonathanTroyer/Parcel-html-import

🌍 Your Environment

Software	Version(s)
Parcel	1.9.3
Node	8.11.1 OR 10.5.0
npm/Yarn	5.6.0/1.7.0
Operating System	Windows 10 Pro Version 1803 Build 17134.112