56 lines
1.7 KiB
JavaScript
56 lines
1.7 KiB
JavaScript
export default {
|
|
name: '@astrojs/renderer-solid',
|
|
client: './client.js',
|
|
server: './server.js',
|
|
jsxImportSource: 'solid-js',
|
|
jsxTransformOptions: async ({ ssr }) => {
|
|
const [{ default: solid }] = await Promise.all([import('babel-preset-solid')]);
|
|
const options = {
|
|
presets: [solid({}, { generate: ssr ? 'ssr' : 'dom', hydratable: true })],
|
|
plugins: [],
|
|
};
|
|
|
|
if (ssr) {
|
|
options.plugins.push([
|
|
'babel-plugin-module-resolver',
|
|
{
|
|
cwd: process.cwd(),
|
|
alias: {
|
|
'solid-js/store': 'solid-js/store/dist/server.js',
|
|
'solid-js/web': 'solid-js/web/dist/server.js',
|
|
'solid-js': 'solid-js/dist/server.js',
|
|
},
|
|
},
|
|
]);
|
|
}
|
|
|
|
return options;
|
|
},
|
|
viteConfig(options) {
|
|
// https://github.com/solidjs/vite-plugin-solid
|
|
|
|
// We inject the dev mode only if the user explicitely wants it or if we are in dev (serve) mode
|
|
const replaceDev = options.mode === 'development' || options.command === 'serve';
|
|
|
|
const nestedDeps = ['solid-js', 'solid-js/web', 'solid-js/store', 'solid-js/html', 'solid-js/h'];
|
|
|
|
return {
|
|
/**
|
|
* We only need esbuild on .ts or .js files.
|
|
* .tsx & .jsx files are handled by us
|
|
*/
|
|
esbuild: { include: /\.ts$/ },
|
|
resolve: {
|
|
conditions: ['solid', ...(replaceDev ? ['development'] : [])],
|
|
dedupe: nestedDeps,
|
|
alias: [{ find: /^solid-refresh$/, replacement: '/@solid-refresh' }],
|
|
},
|
|
optimizeDeps: {
|
|
include: nestedDeps,
|
|
},
|
|
ssr: {
|
|
external: ['solid-js/web/dist/server.js', 'solid-js/store/dist/server.js', 'solid-js/dist/server.js', 'babel-preset-solid'],
|
|
},
|
|
};
|
|
},
|
|
};
|