1.0.0-beta.16 • Published 10 months ago
@susnux/nextcloud-vite-config v1.0.0-beta.16
How to use
If your app uses an entry point for the main app and one for the settings page, then your default project tree will look like this:
css/
js/
lib/
src/
|- ...
|- main.js
|- settings.js
package.json
vite.config.js
And your vite.config.js
should look like this:
import { createAppConfig } from '@susnux/nextcloud-vite-config'
export default createAppConfig({
// entry points: {name: script}
main: 'src/main.js',
settings: 'src/settings.js',
})
You can also modify the configuration, for example if you want to set an include path for the scss preprocessor:
import { createAppConfig } from '@susnux/nextcloud-vite-config'
import { mergeConfig } from 'vite'
import path from 'node:path'
const yourOverrides = defineConfig({
css: {
preprocessorOptions: {
scss: {
includePaths: [
path.resolve(__dirname, './src/assets'),
],
},
},
}
})
export default createAppConfig({
// entry points
main: 'src/main.js',
settings: 'src/settings.js',
}, {
// options
config: yourOverrides
})
Use with a library
There is also a configuration for libraries, this configuration will handle the output directory correctly and allows to define external dependencies:
import { createLibConfig } from '@susnux/nextcloud-vite-config'
const translations = //...
export default createLibConfig({
index: 'src/index.js',
}, {
defines: {
TRANSLATIONS: translations,
},
externalDependencies: [
// mark 'vue' as external
'vue',
// mark all paths starting with `@nextcloud/vue` as external
/^@nextcloud\/vue/
]
})
1.0.0-beta.11
10 months ago
1.0.0-beta.12
10 months ago
1.0.0-beta.15
10 months ago
1.0.0-beta.16
10 months ago
1.0.0-beta.13
10 months ago
1.0.0-beta.14
10 months ago
1.0.0-beta.10
11 months ago
1.0.0-beta.9
11 months ago
1.0.0-beta.8
11 months ago
1.0.0-beta.7
11 months ago
1.0.0-beta.6
11 months ago
1.0.0-beta.5
11 months ago
1.0.0-beta.4
11 months ago
1.0.0-beta.3
11 months ago
1.0.0-beta.2
11 months ago
1.0.0-beta.1
11 months ago
1.0.0-beta.0
11 months ago