如何在js文件

时间:2016-09-13 13:44:15

标签: angularjs webpack bundle router

我想在app.js中需要两个来自webpack的捆绑文件,这些捆绑文件也会捆绑在一起。我的文件夹如下所示:

MyApp
|-app
|   -app.js  <-this gets bundled
|-hero
|  -hero.module  <- this gets also bundled
|  -some other stuff that will be bundled in hero.bundle.js
|-crisis
|  -crisis.module <- gets bundled
|  -more stuff that gets bundled in crisis.bundle.js
-

到目前为止一切顺利。 我想在app.js中要求使用hero.bundle.js和crisis.bundle.js,因为我在app.js中使用我的COmponent路由器加载/路由延迟。 但我不断得到错误,无法找到模块。 示例其中一个要求的语法:

path: '/heroes/...',
            name: 'Heroes',
            loader: function () {
                // lazy load Heroes
                return $ocLazyLoad.load([require('./dist/heroes.bundle.js')])
                    .then(function () {
                        return 'heroes';
                    });
            }

我做错了吗?

提前致谢:)

1 个答案:

答案 0 :(得分:0)

我得到了解决方案: Webpack没找到我的文件。搜索路径

C:/someFolders/heroApp/app/dist/heroes.bundle.js

尽管它是

C:/someFolders/heroApp/dist/heroes.bundles.js

设置两个点是解决方案:

require('../dist/heroes.bundle.js')