如何阻止Webpack文件名更改?

时间:2016-06-14 19:43:43

标签: php node.js wordpress webpack vue.js

我是webpack的新手。

我已经使用vue-cli设置了样板模板。目前,当我运行npm run build时,我的文件将编译到/dist/build文件夹,然后分成jscss个文件夹。

我正在制作WordPress主题,并且我正在访问<script><style>代码中的文件。它有效...但每次我通过npm run build重新编译Webpack时,文件名都会随机化,最后会添加一串随机字符(这样就无法直接从index.php引用文件)。

有没有办法阻止Webpack随机化文件名?我不想每次编译时都要更新我的index.php。或者我是以错误的方式解决这个问题?

1 个答案:

答案 0 :(得分:2)

这是一个功能 - 我们的想法是你可以允许浏览器尽可能长时间地缓存你的js / css,但是每次更改文件时都要更改实际的文件名,以便浏览器无法识别它并赢得'使用缓存版本。但它确实需要您有一种方法来更新您的HTML源代码,并在每个版本中使用更新的文件名(当然,有一些软件包可以自动执行此操作)。

但如果你不想这样做,你就不必这样做了。 webpack的配置允许您指定用于构建的文件名。 output.filename是您使用的配置字段。有关详细信息,请参阅the docs on output here