Webpack和assets/dist文件夹

Question

我使用Angular5和webpack生成dist文件夹。为了生成assets文件夹，我使用了"copy-webpack-plugin“。它将assets文件夹从/src/assets复制到/dist文件夹。问题是:我的src代码的管理控制台模板使用的所有路径都使用以"assets/...“开头的相对路径。服务器包含/dist/assets。所有静态资源都将抛出404 not found。将资源文件夹包含到dist文件夹中的最佳方法是什么？

Answer 1

我建议使用专门为此目的而设计的file-loader。

一旦你在你的webpack.config.js中配置了它，你就可以导入你的文件的路径以在JavaScript中使用，如果你也在使用html-loader的话，还可以导入HTML模板。

const myImageUrl = require('./path/to/an/image.png')

doSomething(myImageUrl)