javascript - webpack 如何替换 .ts 文件中的字符串？

Question

我有一个 Angular 2 项目，最初用于与 systemjs 捆绑工作。

现在我想使用 webpack 来打包这个项目。

但是原代码中有很多这样的字符串。比如

我想把所有的字符串都替换成文件所在的绝对目录。原来的时候，prod模式或者dev模式，这个字符串都会被替换成路径字符串。

现在我想在编译 .ts 文件之前使用 webpack 替换这个字符串。我应该使用什么样的插件？

例如:登录模块.routing.ts

{ 路径:'登录',/app/src/login#LoginModule },

我想在使用 webpack 编译之前替换。

例如:{ path: 'login',/root/myproject/app/src/login#LoginModule },

非常感谢!

Answer 1

对于此要求，您可以使用 string-replace-webpack-plugin .

使用示例:

var StringReplacePlugin = require("string-replace-webpack-plugin");
module.exports = {
   module: {
      loaders: [
         // configure replacements for file patterns 
         { 
            test: /index.html$/,
            loader: StringReplacePlugin.replace({
                replacements: [
                    {
                        pattern: /<!-- @secret (\w*?) -->/ig,
                        replacement: function (match, p1, offset, string) {
                            return secrets.web[p1];
                        }
                    }
                ]})
            }
      ]
   },
   plugins: [
      // an instance of the plugin must be present 
      new StringReplacePlugin()
   ]
}

我希望这有助于解决您的问题。