tuax vite 插件
此插件是适合tuax的vite插件。
可根据tuax的配置，生成vite配置，从而启动一个兼容tuax配置的vite开发服务。
feature
- 兼容
tuax的alias,port,devServer.https等属性 - 自动添加 vite debug阶段启动入口
使用
- 安装依赖
npm i -D @tuax/plugin-vite- 在 .tuarc 中添加和使用插件
{
plugins : [
require('@tuax/plugin-vite')
],
viteConfig: (configFromTua)=>{
return {
plugins: [xxxPlugin()],
...configFromTua
}
}
}需添加相应的plugins.
vue2
{
viteConfig: (configFromTua)=>{
const vitePlugin = require('vite-plugin-vue2');
return {
plugins: [vitePlugin.createVuePlugin(/* options */)],
...configFromTua
}
}
}vue3
{
viteConfig: (configFromTua)=>{
const vitePlugin = require('@vitejs/plugin-vue');
return {
plugins: [vitePlugin(/* options */)],
...configFromTua
}
}
}react
{
viteConfig: (configFromTua)=>{
const vitePlugin = require('@vitejs/plugin-react');
return {
plugins: [vitePlugin(/* options */)],
...configFromTua
}
}
}关于configFromTua，目前包括：
{
resolve: {
alias: { ...alias },
},
server: { https: isHttps },
}- 运行命令
tuax vite
然后你会看到，eg:
⬡ tuax: Page is running at:
⬡ tuax: http://localhost:8080/pages/page1
⬡ tuax: http://localhost:8080/pages/page2