Compile JS without requires

I’m using 2.0.0-alpha.3.2 and I wonder how can I build JS file without require() calls in it?

If I call parcel build index.html then I get it right. But due to my current project structure I need to have parcel build app.js (in order to have constant minified JS file name). But in this case, it compiles unusable for browser execution (has require() calls inside).

[ricardobeat]

Having the same issue here. The moment I add targets to package.json it starts compiling to commonjs require() calls even for the browsr target. I have none of main, default, or other extra fields in package.json.

.babelrc:

{
  "presets": [
    ["@babel/preset-react"],
    ["@babel/preset-typescript"]
  ],
  "plugins": [
    "@babel/plugin-transform-runtime",
    "@babel/proposal-class-properties",
    "@babel/proposal-object-rest-spread",
    "inline-react-svg"
  ]
}

"targets": {
    "server": {
      "includeNodeModules": false,
      "outputFormat": "commonjs",
      "engines": {
        "node": ">=10.x"
      }
    },
    "browser": {
      "engines": {
        "browsers": [
          "> 1%",
          "not dead"
        ]
      }
    }
  }

I’m also seeing a bunch of @parcel/packager-js: Cannot read property 'constantViolations' and Error: Got unexpected undefined depending on how I setup these, quite hard to pinpoint what’s going on.

[maximal]

This solution is useless if you guys want to have external modules (like external jQuery or Bootstrap) and browser builds simultaneously. As described in https://github.com/parcel-bundler/parcel/pull/4072#issuecomment-627428171

Classic Parcel of version 1 solves it with parcel-plugin-externals plugin.