Question

我正在使用webpack 4.8做出反应，以便为生产环境自动执行少量任务。

目前在我的/ dist文件夹中我有index.hml，bundler.css，bundler.js，但我不知道是否还需要使用webpack将资源文件夹复制到/ dist文件夹中，或者我只是从我的/ dist / index.html使用一些常量作为绝对路径（定义一些baseUrl）到/ src / assets / img。

我的整个结构看起来像这样：

/dist
/src
  /assets
    /img

任何人都知道实现这样的事情的最佳方式是什么？

Answer 1

您应该将assets复制到/dist并在index.html

中引用它

您可以使用copy-webpack-plugin（ad it到您的package.json）

new CopyWebpackPlugin([
    { from: 'src/assets', to: 'assets' },
    ...
]);

Answer 2

你可以通过./SOME/PATH
做一个相对路径一个文件夹的一个点可以返回

从dist文件夹打开index.html时未显示图像

2 个答案: