为大型网站配置Webpack

Question

这是我的文件夹结构，我需要为此编写webpack配置。

来源

$(window).keydown(function(event){
    if(event.keyCode == 13) {
        event.preventDefault();

        if($('#yourTextarea').is(':focus')){
            //...
        }
    }
});

所以我希望条目来自src |--index.pug |--pages |--|--temps |--|--|--_head.pug |--|--blog.pug |--style |--|--temps |--|--|--_sidebar.scss |--|--|--_menu.scss |--|--common.scss |--|--blog.scss |--|--index.scss |--js |--|--index.js |--|--blog.js ，除了每个页面都包含index.pug以及样式文件夹中的特定样式之外，它应该包括index.scss和common.scss 。将会有更多基于哈巴狗的网页，并且自动动态链接他们的特定样式表会很不错。构建文件夹结构将与源文件夹相同。 如果有任何教程教授大型网站的配置，请告诉我。