In examples, add "svelte" to conditions in esbuild build options (#183

)

* In examples, add "svelte" to `conditions` in esbuild build options
This is needed to import svelte component libraries

* add "browser" to `conditions` in esbuild build options

README.md

@@ -18,6 +18,7 @@ esbuild
   .build({
     entryPoints: ["app.js"],
     mainFields: ["svelte", "browser", "module", "main"],
+    conditions: ["svelte", "browser"],
     bundle: true,
     outfile: "out.js",
     plugins: [sveltePlugin()],
@@ -53,6 +54,7 @@ esbuild
   .build({
     entryPoints: ["index.js"],
     mainFields: ["svelte", "browser", "module", "main"],
+    conditions: ["svelte", "browser"],
     bundle: true,
     outdir: "./dist",
     plugins: [
@@ -64,6 +66,10 @@ esbuild
   .catch(() => process.exit(1));
 ```
 
+### `svelte` exports condition
+
+If you are importing a svelte component library, you need to add `"svelte"` to `conditions` in esbuild build options. This lets esbuild use the `svelte` property in svelte component's `exports` conditions in `package.json` .
+
 ## Advanced
 
 For incremental or watch build modes, esbuild-svelte will automatically cache files if they haven't changed. This allows esbuild to skip the Svelte compiler for those files altogether, saving time. Setting `cache: false` will disable this file level cache if an issue arises (please report).

example-js/buildscript.js

@@ -12,6 +12,7 @@ esbuild
     .build({
         entryPoints: ["./entry.js"],
         mainFields: ["svelte", "browser", "module", "main"],
+        conditions: ["svelte", "browser"],
         outdir: "./dist",
         format: "esm",
         logLevel: "info",

example-ts/buildscript.js

@@ -13,6 +13,7 @@ esbuild
         bundle: true,
         outdir: `./dist`,
         mainFields: ["svelte", "browser", "module", "main"],
+        conditions: ["svelte", "browser"],
         // logLevel: `info`,
         minify: false, //so the resulting code is easier to understand
         sourcemap: "inline",