在构建 webpack 之前更改模板 Url 属性

Question

>我有一个 angular2 应用程序，它被 web pack 捆绑在一起。 我正在使用 html 加载器来加载 html 文件。

我想问一下，有没有办法在 webpack 构建过程开始之前更改我的模板 url？

就像 webpack build 即将运行时一样，我想在 html url 之前附加一个目录名称。这将允许我针对不同的模板编译角度应用程序。

例：

@Component({
selector: 'nav-menu',
templateUrl: './navmenu.component.html',
styleUrls: ['./navmenu.component.css']
})

在 web 包构建开始之前，我想在 url 之前附加目录名称，例如

@Component({
selector: 'nav-menu',
templateUrl: '/ThemeFolder/navmenu.component.html',
styleUrls: ['./navmenu.component.css']
})

Answer 1

最终使用 webpack-replace loader 做了一个字符串替换。 在我的webpack.common中.js我添加了一个规则，例如

rules: [
{
test: /.component.ts$/, loader: 'webpack-replace',
options: {
search: 'default', // old directory name
replace: 'acme' // New directory name
}
}
]

请注意，您必须先安装 webpack-replace loader/。