在webpack(typescript)中为长路径创建别名

时间:2016-04-26 21:49:06

标签: typescript angular webpack aliases

我试图在webpack中为长路径创建别名但我无法找到可行的解决方案。

我设法找到了一个看似正确解决方案的片段,但它没有用。

我已将webpack.dev.js添加到module.exports中:

resolve: {
    root: path.resolve('src/'),
    alias: {
        alias1: 'app/about',
        testino: 'app/testino/test',

    },
    extensions: ['', '.js', '.jsx']
}

并将其导入app.component:

import {TestinoTest} from 'testino';

然后我收到错误:

  

未捕获错误:找不到模块" ./ app.component" [WDS]错误   在编译时。 ./src/app/app.component.ts模块构建失败:   错误:无法解析模块' app / testino / test'

该服务的路径为src/app/testino/test/TestinoTest.service.ts

提前致谢

解决方案:(感谢Bob Sponge)

在导入时必须有从别名到特定文件的整个方式

import {TestinoTest} from 'testino/TestinoTest.service.ts';

0 个答案:

没有答案