Vue.js 如何在没有CLI/Webpack/Node的情况下制作Vue 3.0应用程序

我正在尝试制作Vue 3.0应用程序，但没有CLI和Webpack。目前还没有官方文件。CDN上有许多版本（vue.cjs.js、vue.cjs.prod.js、vue.esm-browser.js、vue.esm-bundler.js、vue.global.js、vue.runtime.global.js…）。选哪一个？以及如何挂载应用程序，旧的方法不起作用。有许多在线示例介绍了如何使用新的Composition API，但没有一个示例说明如何在没有CLI/Webpack的情况下启动项目。

链接到Vue 3 CDN：

在正文中：

从“./app.js”导入应用程序
const{createApp}=Vue；
createApp（app）.mount（“#app”）；

在app.js中是一个简单的组件：

导出默认值{
名称：'测试'，
设置（）{
const title=“你好”；
返回{
标题
};
},
模板：`
{{title}}
`,
};

app.js可以是其他组件的容器，而不是一个组件

我制作了简单的VUE3快速启动模板，这样任何人都可以看到它是如何工作的

模板采用SPA样式，包含4个示例页面、4个组件、路由和存储。它只使用来自CDN的Vue.js，其他一切都是手工制作的；）

注意：这不是库，它只是演示代码，任何人都可以看到如何在简单场景中安装VUE3应用程序和使用CompositionAPI

在线演示：

---

GitHub:

此外，正如Evan所推荐的，Vite（）是@vue/cli和webpack的一个很好的替代品。它仍然像CLI，但我认为更轻。快速且支持SFC。

是的，有点。。。但是，您仍然必须安装节点npm，即定制的开发服务器，并且在部署时，必须编译为本机。如果您可以使用100%纯本机解决方案，而无需npm和任何编译，那么为什么要这样做？只要您可以复制文件并在任何web服务器上运行，它就可以正常工作。