Question

我正在尝试在ASP.Net Webforms解决方案中创建多个mini-SPA。目前，我使用Gulp对SASS和JS进行所有预处理/ concat / minification / mangling。我想继续将Gulp用于.vue单个文件组件和每个Mini-SPA的SPA编译。

vue-spas
├── testapp1
│   ├── components
│   │   └── componentalpha
│   │       └── ComponentAlpha.vue
│   ├── app.js
│   └── App.vue
└── testapp2
    ├── components
    │   ├── component1
    │   │   └── Component.vue
    │   └── component2
    │       └── Component2.vue
    ├── router
    │   └── router.js
    ├── app.js
    └── App.vue

这里的目标是gulp任务将通过 vue-spas 目录中的每个app.js运行，并完成所有Vue编译。我将在整个vue-spas目录上运行手表以查找更改。然后将编译后的Vue输出到每个mini-SPA根目录下dist文件夹中的单个js文件中。

所以这将导致

dist
├── testapp1
│   └── spa.js
└── testapp2
    └── spa.js

我不需要任何HMR或Browsersync，因为我只是在已经存在的Asp.Net Web表单页面中引用这些SPA。

（此外，很抱歉，如果这不是表示文件夹结构的最佳方法，我花了太多时间只是在此上寻找资源而没有任何实际答案）

使用Gulp生成多个Vue SPA

0 个答案: