В прошлом я всегда использовал Gulp или Grunt для создания задач для построения моего приложения.Компиляция .pug файлов, .scss файлов, ES6 и т. Д ...
Теперь я попал в Webpack, где мне нравится тот факт, что он автоматически внедряет теги сценария и стиля на основе require заявления в одном из моих входных файлов.
Я знаю, что существует достаточное количество обходных путей, которые делают что-то подобное для компиляции всех файлов вида:
const templates = glob.sync(path.join(paths.pages, '**/*.@(html|pug)')).map(filename => {
return {
filename, name: path.relative(path.join(paths.pages), filename).replace(/\.(html|pug)$/, '')
}
});
//..
...templates.map(t => new HtmlWebPackPlugin({
filename: `${t.name}.html`,
template: t.filename,
}))
Возможно лисделать то же самое для файлов SCSS, или у каждой страницы есть один входной файл?
Представьте себе веб-приложение с сотнями представлений, которое не является одностраничным приложением, нужно ли каждому представлению иметь входной файл?
Мне просто нравится вводить теги script и link самостоятельно.
Я знаю, что мог бы создать отдельную задачу gulp для компиляции всей SCSS, однако я хотел бы хранить все в одном месте, чтобы я мог использовать webpack-dev-server.