在webpack build

Question

我有一个由web pack捆绑的angular2应用程序。 我正在使用html-loader来加载html文件。

我想问一下，有什么方法可以在webpack构建过程开始之前更改我的模板URL吗？

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

示例：

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

在开始构建web pack之前，我想在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 /.