tua 的 vite 插件
vite配置,从而启动一个兼容tuax配置的vite开发服务。tuax的alias, port, devServer.https 等属性bash
npm i -D @tuax/plugin-vite
`2. 在 .tuarc 中添加和使用插件
`js
{
plugins : [
require('@tuax/plugin-vite')
],
viteConfig: (configFromTua)=>{
return {
plugins: [xxxPlugin()],
...configFromTua
}
}
}`
需添加相应的plugins.vue2
`js
{
viteConfig: (configFromTua)=>{
const vitePlugin = require('vite-plugin-vue2');
return {
plugins: [vitePlugin.createVuePlugin(/ options /)],
...configFromTua
}
}
}
`vue3
`js
{
viteConfig: (configFromTua)=>{
const vitePlugin = require('@vitejs/plugin-vue'); return {
plugins: [vitePlugin(/ options /)],
...configFromTua
}
}
}
`react
`js
{
viteConfig: (configFromTua)=>{
const vitePlugin = require('@vitejs/plugin-react'); return {
plugins: [vitePlugin(/ options /)],
...configFromTua
}
}
}
`关于configFromTua,目前包括:
`js
{
resolve: {
alias: { ...alias },
},
server: { https: isHttps },
}
`
3. 运行命令
`
tuax vite
`然后你会看到,eg:
`
⬡ tuax: Page is running at:
⬡ tuax: http://localhost:8080/pages/page1
⬡ tuax: http://localhost:8080/pages/page2
``