Создание нескольких Vue SPA с Gulp - PullRequest
Новая
       19

Создание нескольких Vue SPA с Gulp

0 голосов
/ 26 марта 2019

Я пытаюсь создать несколько мини-SPA в рамках решения ASP.Net Webforms. В настоящее время я делаю всю свою предварительную обработку SASS и JS / concat / minification / mangling с Gulp. Я хочу продолжать использовать Gulp для компонентов с одним файлом .vue и компиляции 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 проходила через каждый файл app.js в каталоге vue-spas и выполняла всю компиляцию Vue. Я бы посмотрел на весь каталог vue-spas в поисках изменений. Затем выведите скомпилированное Vue в один файл js в папке dist в корневом каталоге для каждого мини-SPA.

Так что это приведет к 

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

Мне не нужны HMR или Browsersync, так как я просто ссылаюсь на эти SPA на уже существующих страницах веб-формы Asp.Net.

(Кроме того, извините, если это не лучший способ представить структуру папок, я потратил слишком много времени на поиск ресурса по этому вопросу без какого-либо реального ответа)

...