# Optimize Deps

## CommonJS w/ named imports (react)

## CommonJS w/ named imports (phoenix)

fail

## CommonJS w/ default export (clipboard)

fail

## CommonJS dynamic import default + named (react)

## CommonJS dynamic import named (phoenix)

## CommonJS dynamic import default (clipboard)

## CommonJS dynamic import default (dep-cjs-compiled-from-esm)

## CommonJS dynamic import default (dep-cjs-compiled-from-cjs)

## Dedupe (dep in linked & optimized package)

## CommonJS w/ browser field mapping (axios)

This should show pong:

## CommonJS w/ bare id browser field mapping

This should show pong:

## Detecting linked src package and optimizing its deps (lodash-es)

This should show fooBarBaz:

## Optimizing force included dep even when it's linked

## Dep with CSS

This should be red

## CJS Dep with CSS

This should be blue

## import * as ...

## Import from dependency with process.env.NODE_ENV

## Import from dependency with .notjs files

## Import from dependency which uses relative path which needs to be resolved by main field

## Import from dependency with dynamic import

## Import from dependency with optional peer dep

## Import from dependency with optional peer dep submodule

## Externalize known non-js files in optimize included dep

## Vue & Vuex

## Dep with changes from esbuild plugin

This should show a greeting:

## Dep from hidden dir

This should show hello!:

## Nested include

Module path:

## Alias with colon

URL:

## Alias using absolute path

## Reused variable names

This should show reused:

## Flatten Id

## Non Optimized Module isn't duplicated

## Pre bundle css require

css require

## Pre bundle css modules require

This should be red

## Long file name import works

## Import the CommonJS external package that omits the js suffix

## Pre-bundle transitive dependency 'some-package.pdf'

prebundled: ???
no dual package: ???