javascript - 关于webpack 打包 tpl 资源的问题

Question

项目中使用了 webpack 进行打包，然后使用了tpl-loader 去引用模板，现在有一个问题 ，打包的时候如果模板里面有 <img src='xxx/xxx'>,怎么替换成为publishPath的路径，求大神解答

Answer 1

没用过tpl-loader，不过我用ejs-loader的时候，是可以在模板里调用js方法的，换句话说，可以直接用require()方法来驱使file-loader/url-loader加载图片。

Answer 2

再多加一个url-loader，用来解析资源路径

{
    test: /\.vue$/,
    loader: 'url-loader!tpl-loader'
},