Question

我正在尝试创建一个将由其他模块使用的模块。但是，此模块包含html文件。

模块1位置c：/ module_1 - 基本HTML <img src="@@__dirname/img/icon.png">

在模块1中，他使用了他的icon.png。

在模块2中，我希望使用模块2的icon.png

我试过了：

plugins: [
    new HtmlReplaceWebpackPlugin([
                {
                    pattern: '@@__dirname',
                    replacement: __dirname
                },
...

html-replace-webpack-plugin

但是发生了编译错误：

ERROR in   Error: Child compilation failed:
  Module not found: Error: Can't resolve './@@_dirname/img/icon.png'

我注意到编译后可以替换src

<img src="img/icon.png">

new HtmlReplaceWebpackPlugin([
    {
        pattern: /src=\"([^\"]*)\"/g,
        replacement: function (match, $1) 
        {
            return 'src="' + __dirname + '/src/img/' + $1 + '"';
        }
    }
]),

但是我想在之前更换，并且在编译它时需要使用模块的图标来重复使用它。

是否可以在npm中动态修改img src，即使它是一个将用作依赖项的模块？

PS。我不太了解网络，我不知道我是否正在尝试正确地完成项目。只是想过以这种方式重用HTML代码。如果我做了一些荒唐的事情，请告诉我。

Answer 1

我使用React和本教程Setting Up a React.js Environment Using Npm, Babel 6 and Webpack

解决了这个问题

在npm webpack中动态重命名img“src”

1 个答案: