Привет, сразу скажу, что делаю первый проект на вебпаке. Прочел доки, туториалы и статьи, но есть пара проблем.
Дали готовый проект со своей структурой, и мне крайне сложно разобраться что к чему.
Проект на j2 без html / stylus.
Модули сейчас собираются от 3 до 6 секунд, что крайне медленно, и никак не могу разобраться с webpack-dev-server с livereload.
Сейчас начал работать в довольно странном режиме, как по мне.
Запускаю две командных строки с вотчером и сервером.
1) webpack --progress --colors --watch
2) node app.js
Изменения в разметке - нужен перезапуск node app.js.
Не могу настроить авторелоад страницы, и теряется уйма времени на перезагрузки по минимальным движениям. Особенно странно то, что проект крупный и сейчас только 2 страницы, и собираются модули в среднем около 4 секунд. Представить сложно, что будет когда количество шаблонов перевалит за 20-30.
Если кто поможет минимально разобраться, то буду весьма благодарен.
Содержание app.js
var express = require('express'),
nunjucks = require('nunjucks'),
RXS = require('./tags_common'),
app = express(),
path = require('path');
console.log(__dirname);
app.use('/static', express.static(path.join(__dirname, '/../static')));
var env = nunjucks.configure('../templates', {
autoescape: true,
express: app
});
env.addExtension('tag_rxs', new RXS.tag_rxs());
env.addExtension('tag_vts', new RXS.tag_vts());
app.get('/', function (req, res) {
res.render('apps/frontend/index_view.j2');
});
app.get('/recipe_profile.j2', function (req, res) {
res.render('apps/frontend/recipe_profile.j2');
});
var server = app.listen(3000, function () {
var host = server.address().address;
var port = server.address().port;
console.log('Example app listening at http://%s:%s', host, port);
});