search

browserify / tinyify

a browserify plugin that runs various optimizations, so you don't have to install them all manually. makes your bundles tiny!
Other
412 stars 16 forks source link

Unexpected Token when minifying three.js and globe.js #57

Open MinaMatta98 opened 3 months ago

MinaMatta98 commented 3 months ago

Hello,

Thank you for this awesome tool.

I am receiving the following error when minifying my project:

/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn@7.4.1/node_modules/acorn/dist/acorn.js:2929
    throw err
    ^

SyntaxError: Unexpected token (7:598206)
    at pp$4.raise (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn@7.4.1/node_modules/acorn/dist/acorn.js:2927:15)
    at pp.unexpected (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn@7.4.1/node_modules/acorn/dist/acorn.js:698:10)
    at pp$3.parseExprAtom (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn@7.4.1/node_modules/acorn/dist/acorn.js:2326:12)
    at _class.parseExprAtom (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn-node@1.8.2/node_modules/acorn-node/lib/dynamic-import/index.js:77:117)
    at pp$3.parseExprSubscripts (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn@7.4.1/node_modules/acorn/dist/acorn.js:2129:21)
    at pp$3.parseMaybeUnary (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn@7.4.1/node_modules/acorn/dist/acorn.js:2106:19)
    at _class.parseMaybeUnary (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn-node@1.8.2/node_modules/acorn-node/lib/private-class-elements/index.js:122:54)
    at pp$3.parseExprOps (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn@7.4.1/node_modules/acorn/dist/acorn.js:2041:21)
    at pp$3.parseMaybeConditional (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn@7.4.1/node_modules/acorn/dist/acorn.js:2024:21)
    at pp$3.parseMaybeAssign (/home/mina/Documents/PMSoftware/Tender/Tender Attempt - 0003/codebase/globe/node_modules/.pnpm/acorn@7.4.1/node_modules/acorn/dist/acorn.js:1997:21) {
  pos: 602507,
  loc: Position { line: 7, column: 598206 },
  raisedAt: 602508
}

Node.js v22.5.1

Node Version:

node -v

v22.5.1

Command Run:

browserify -p tinyify index-D9djZuPL.js -o index.js

TsConfig:

cat tsconfig.json

{
    "compilerOptions": {
        "target": "ES2020",
        "useDefineForClassFields": true,
        "module": "ESNext",
        "lib": [
            "ES2020",
            "DOM",
            "DOM.Iterable"
        ],
        "skipLibCheck": true,
        "checkJs": false,
        /* Bundler mode */
        "moduleResolution": "bundler",
        "allowImportingTsExtensions": true,
        "isolatedModules": true,
        "moduleDetection": "force",
        "noEmit": true,
        /* Linting */
        "strict": false,
        "noUnusedLocals": false,
        "noUnusedParameters": true,
        "noFallthroughCasesInSwitch": true
    },
    "include": [
        "src"
    ]
}

Package.json

cat package.json

{
  "name": "globe",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "@types/jquery": "^3.5.30",
    "jquery": "^3.7.1",
    "tinyify": "^4.0.0",
    "typescript": "^5.5.3",
    "vite": "^5.4.0"
  },
  "dependencies": {
    "@types/three": "^0.167.1",
    "globe.gl": "^2.32.5",
    "three": "^0.167.1"
  }
}

The file to be minified can be found on: https://drive.google.com/file/d/1DuqHZAO_CDXJm1prnJArkI4cShG9EIkW/view?usp=sharing

Any help would be greatly appreciated

MinaMatta98 commented 3 months ago

Hello,

This is solved when I first do a conversion with the following:

browserify scriptName.js -o bundle.js -t [ babelify --presets [ @babel/preset-env @babel/preset-react ] --plugins [ @babel/plugin-transform-class-properties ] ]

and then run

browserify -p tinyify bundle.js -o index.js