tuax vite 插件

此插件是适合tuax的vite插件。 可根据tuax的配置，生成vite配置，从而启动一个兼容tuax配置的vite开发服务。

feature

• 兼容tuax的alias, port, devServer.https 等属性
• 自动添加 vite debug阶段启动入口

使用

1. 安装依赖

npm i -D @tuax/plugin-vite

2. 在 .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 },
}

3. 运行命令

tuax vite

然后你会看到，eg:

⬡ tuax: Page is running at:
⬡ tuax:   http://localhost:8080/pages/page1
⬡ tuax:   http://localhost:8080/pages/page2