Webpack 和 assets/dist 文件夹

【问题标题】：Webpack and assets/dist folderWebpack 和 assets/dist 文件夹
【发布时间】：2018-07-13 17:44:10
【问题描述】：

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

【问题讨论】：

标签： url webpack static assets angular5

【解决方案1】：

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

在您的webpack.config.js 中配置后，您可以导入文件的路径以用于JavaScript，如果您还使用html-loader，还可以导入HTML 模板。

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

doSomething(myImageUrl)

【讨论】：