Angularjs 多个网页包别名配置可以';t解析模块
我正在开发一个用Typescript编写的Angular 2应用程序,它使用webpack和ts loader将所有内容捆绑在一起 我非常依赖webpack的resolve.alias来满足不同的构建输出,我遇到了一个问题 运行特定生成时,ts loader抛出一个错误,表示找不到当前生成中使用的模块。我认为这是由于别名指向不同的文件 例如: 文件:myApp.ts 我有两个alias JSON文件,一个设置为指向remoteSystemLogger.ts的“logger”,另一个指向consoleLogger.tsAngularjs 多个网页包别名配置可以';t解析模块,angularjs,typescript,webpack,ts-loader,Angularjs,Typescript,Webpack,Ts Loader,我正在开发一个用Typescript编写的Angular 2应用程序,它使用webpack和ts loader将所有内容捆绑在一起 我非常依赖webpack的resolve.alias来满足不同的构建输出,我遇到了一个问题 运行特定生成时,ts loader抛出一个错误,表示找不到当前生成中使用的模块。我认为这是由于别名指向不同的文件 例如: 文件:myApp.ts 我有两个alias JSON文件,一个设置为指向remoteSystemLogger.ts的“logger”,另一个指向conso
- 生成一个将使用remoteSystemLogger的
- 构建B将使用控制台记录器
let moduleAliasingConfig = `./alias/${buildType}.json`
// ....
resolve: {
root: [
path.resolve('.'),
path.resolve('node_modules')
],
alias: moduleAliasingConfig,
extensions: ['', '.ts', '.js']
},
以下是ts加载程序配置:
loaders: [
{test: /\.ts$/, loaders: ['ts'], exclude: [/\.(spec|e2e)\.ts$/]}
]
我不确定我是否错过了一些配置,或者这是加载程序、Web包的解析器的问题,或者只是我对别名工作原理的理解
据我所知,该网页包将根据别名文件和我的入口点遍历我的导入/依赖关系树
其他环境信息:
package.json安装程序:
- “ts加载器”:“^1.2.1”
- “网页包”:“^1.13.0”
let moduleAliasingConfig = `./alias/${buildType}.json`
// ....
resolve: {
root: [
path.resolve('.'),
path.resolve('node_modules')
],
alias: moduleAliasingConfig,
extensions: ['', '.ts', '.js']
},
loaders: [
{test: /\.ts$/, loaders: ['ts'], exclude: [/\.(spec|e2e)\.ts$/]}
]