Webpack：如何构建页面级脚本

Question

我有一个大约100页/路线的应用程序。这些页面中大约有一半底部有一些javascript，从5行到100行。 javascript大量使用jQuery和其他库，如jQuery UI，Bootstrap的JS，moment，js，Typeahead bundle等。

我需要在这里和那里添加一些Vue.js组件，所以我将借此机会转移到Webpack（用于捆绑）和ES6。

我的问题是，我应该如何构建页面内的javascript？我想把它移到Webpack，这样我就可以利用ES6，除了其他任何东西。我应该考虑1 html page / route = 1模块吗？我应该将所有模块放在一个js文件中吗？我应该将其配置为webpack库吗？

除非我弄错了，否则对我的打包代码的调用仍然需要来自我的html主体。另外，我喜欢命名空间的想法，例如虽然是自定义对象，但为了保持可读性。

Answer 1

我最终为所有页面级脚本创建了一个文件，它导出一个模块。这是一个简单的对象，我将其用于名称间距，如下所示。

export default {

    helpers : {

        alert : msg => { /* ... */ },
        calendar : selector => { /* ... */ }

    },

    siteSection1 : {

        pageNameLorum : {
            methodA() { /* ... */ },
            methodB() { /* ... */ }
        },

        pageNameIpsum : {
            methodA() { /* ... */ },
            methodB() { /* ... */ }
        }
    }
}

这看起来效果很好。