如何在Angularjs和Svelte上创建混合应用程序

如何在Angularjs和Svelte上创建混合应用程序,angularjs,svelte,Angularjs,Svelte,我有一个大型Angularjs应用程序。还有一个小项目在苗条 我需要插入一个苗条的应用程序到第一个项目,如何才能做到这一点?如何转移组件?如何构建一个项目?如果您正在谈论在AngularJS应用程序中包含编译后的苗条应用程序,我相信您可以按如下方式进行: 在您的Svelte项目中,指定您希望将Svelte应用程序附加到的AngularJS应用程序中的DOM元素: 构建您的苗条应用程序(即npm run Build) 将你的苗条应用程序的构建文件夹的内容放在AngularJS项目的某个地方 在An

我有一个大型Angularjs应用程序。还有一个小项目在苗条


我需要插入一个苗条的应用程序到第一个项目,如何才能做到这一点?如何转移组件?如何构建一个项目?

如果您正在谈论在AngularJS应用程序中包含编译后的苗条应用程序,我相信您可以按如下方式进行:

  • 在您的Svelte项目中,指定您希望将Svelte应用程序附加到的
    AngularJS
    应用程序中的DOM元素:
  • 构建您的苗条应用程序(即npm run Build)
  • 将你的苗条应用程序的构建文件夹的内容放在AngularJS项目的某个地方
  • 在AngularJS应用程序的
    index.html
    (或任何你想加载苗条应用程序的地方)内,通过
    script
    标记加载你的
    bundle.js
    ,通过
    style
    标记加载你的
    bundle.css
  • 这应该将应用程序附加到上面指定的元素(ID为someElement)

     new App({
        target: document.getElementById('someElement'),
     });