我从requirejs转到webpack。
在我的需要js设置中,我有一个站点范围的文件site.js
执行一些全局设置,以及非页面特定的东西,如ajax预过滤器,一些全局ui组件设置等。
有些网页专门针对特定网页设置了自包含js应用,我在模板中设置了window.appPaths = ['some/path/to/app.js']
,site.js
会在初始网站范围内加载应用已经完成了。
然而,转到webpack,它正在阅读我的require(window.appPaths)
,然后将其转换为某些正则表达式,并尝试将我的src目录中的每个js文件捆绑。
所以基本上,我想知道是否有一种方法让我设置多个入口点,一个像site.js
,另一个像somePageApp.js
其中site.js
实际上是后者的依赖,但后者并不总是存在。
叹息,希望很清楚,我会在必要时详细说明。
编辑:这是在require.js设置中设置的方式,我的输出是:
应用页面的HTML:
<script src="site.js">
<script>
window.appPaths = ['someApp.js'];
</script>
site.js:
require([
// deps for sitewide stuff
], function () {
// doing global general stuff
someTask(function () {
if(window.appPaths) require(window.appPaths)
})
})
someApp.js:
require([
// app specific deps
], function () {
// application code that doesn't run because not `require`d until the site.js tasks are done.
})
我的理想&#34;设置不一定完全相同,但我希望someApp.js
在加载site.js之前不加载和/或运行。在我的requirejs设置中,site.js本质上也是公共块,但我不认为这里有必要......只是在webpack中找不到并行风格的组织......