php - 如何阻止 Webpack 文件名更改？

Question

我是 webpack 的新手。

我已经用 vue-cli 设置了样板模板.目前，当我运行 npm run build我的文件将编译为 /dist/build文件夹，然后拆分为 js和 css文件夹。

我正在制作一个 WordPress 主题，我正在访问来自 <script> 的文件和 <style>标签。它有效...但每次我通过 npm run build 重新编译 Webpack 时，文件名随机化，在末尾添加一串随机字符(使得无法直接从 index.php 引用文件)。

有没有办法阻止 Webpack 随机化文件名？我不想在每次编译时都更新我的 index.php。还是我的做法有误？

Answer 1

这是一项功能——想法是您可以允许浏览器尽可能长时间地缓存您的 js/css，但每次更改文件时都会更改实际的文件名，这样浏览器就不会识别它并且不会”不要使用缓存版本。但它确实需要您有一种方法可以在每次构建时使用更新后的文件名来更新您的 HTML 源代码(当然，有一些包可以自动执行此操作)。

但是，如果您不想这样做，则不必这样做。 webpack 的配置允许您指定用于构建的文件名。 output.filename 是您使用的配置字段。参见 the docs on output here了解更多信息。