Объединение модулей сервера приложений Angular 2 и REST-сервера

Question

Я создаю новое приложение Angular 4. Я следовал его официальному учебнику https://angular.io/tutorial/

Сервер приложений запускается с помощью команды ng serve.

Я создал отдельный узел js (+ express) сервер, который предоставляет службы REST для основного приложения на другом порту.

Есть ли способ обслуживать основное угловое приложение с того же сервера nodejs / express, чтобы мне не приходилось использовать два сервера для приложения?

Я использовал машинописный текст, который нужно каким-то образом скомпилировать в простой javascript, прежде чем статически обслуживать через nodejs, если я правильно понял?

Answer 1

Безусловно, просто используйте ng build и обслуживайте папку dist собранного приложения или даже src. Пример:

const staticFor = rel => express.static(path.resolve(__dirname, rel));
const app = express();
if (!config.production) {
    app.use('/node_modules', staticFor('../node_modules'));
    // In development we do not copy the files over, so map used path
}

app.use('/', staticFor('../dist/app'));
const appPath = path.resolve(
    __dirname,
    config.production ? '../dist/app/index.html' : '../src/app/index.html'
);

app.get('/yourAppPath/*', (req, res) => {
    const markup = fs.readFileSync(appPath, 'utf8');
    res.send(markup);
});

Не забудьте запросить нужные библиотеки.