Webpack resolve.modulesDirectories似乎不起作用

时间:2016-10-23 03:42:22

标签: angular typescript webpack

Webpack很清楚它的解决方案会像Node那样有效。也许我误解了它,但它似乎被打破了。这是一个Angular 2项目。 这是我配置的内容:

module.exports = {
    //....
    resolve: {
        extensions: ['', '.ts', '.js'],
        root: helpers.root(), //Root points to the root of my project
        modulesDirectories: ['node_modules', 'app/module'],
    },
}

然后,角度模块或组件应该能够通过以下方式导入:

import {SomeComponent} from 'common-mdl';

具有以下结构:

-config/
    -webpack.js
-app/
    -module/
        -common-mdl
            -index.ts //Contains export for common-mdl
            -common-mdl.ts //Contains common-mdl module definition
        -other-mdl
            -index.ts //Contains export for other-mdl
            -other-mdl.ts //Contains other-mdl module definition

如果我尝试使用带有上述结构的上述import语句,我会遇到webpack错误,指出它无法找到模块' common-mdl'。

我也试过设置别名,但没有用。

1)我是否误解了模块解析策略?

2)如果我这样做,我该怎么办?

3)如果没有,这是一个错误吗?

4)Angular如何实现相同的策略?为什么import {Something} from '@angular/core';可以使用Angular而不是我的东西?

0 个答案:

没有答案