Awesome
vite-layers
layers support for vite,quickly inherit your vite configuration
<br />Motivation
I want to inherit the configuration of the vite project in workspace and npm package
<br />Features
- inherit configuration file
- npm package
- relative position
Usage
install
npm i vite-layers -D
configuration
// vite.config.ts
import { Layers } from "vite-layers";
export default Layers({
// Your own vite configuration now
vite: {
server: {
port: 3000,
},
},
extends: "../vite-vue", // The target directory you want to inherit
});
manual import
import Config from "../vite-vue/vite.config.ts"; // Manual Import Config
// vite.config.ts
import { Layers } from "vite-layers";
export default Layers({
extends: Config, // The target directory you want to inherit
});
multiple
// vite.config.ts
import Config from "../vite-vue/vite.config.ts"; // Manual Import Config
import { Layers } from "vite-layers";
export default Layers({
extends: [
"../../vite-vue",
Config,
], // Multiple target directories to inherit
});
normalize
// vite.config.ts
import { Layers } from "vite-layers";
export default Layers({
normalize(config) {
// Allows you to modify the final configuration
return config;
},
extends: [
"../../vite-vue",
],
});
npm package
// vite.config.ts
import { Layers } from "vite-layers";
export default Layers({
extends: [
"package", // your package
],
});
<br />
ts
If you are using TS and there is tsconfig.node.json
, you need to add types
{
"compilerOptions": {
"types": ["vite"] // add vite
// ...other content
}
}
<br />
inspiration
Inspired by nuxt/layers
<br />License
Made with markthree
Published under MIT License.