如何阻止Webpack文件名更改?

我对webpack很陌生。

我已经用vue-clibuild立了样板模板。 目前,当我运行npm run build我的文件将编译到/dist/build文件夹,然后拆分成jscss文件夹。

我正在制作一个WordPress主题,并且正在从<script><style>标签访问这些文件。 它的工作原理…但每次我通过npm run build重新编译Webpack时,文件名随机化,在末尾添加一串随机字符(使得不能直接从index.php引用文件)。

有没有办法阻止Webpack随机化的文件名? 我不想每次编译时都更新我的index.php。 或者我正在做这个错误的方式?

这是一个function – 这个想法是,你可以允许浏览器尽可能的caching你的js / css,但是每次你改变文件的时候改变实际的文件名,这样浏览器就不会识别它,也不会使用caching版本。 但它确实需要你有一种方法来更新你的HTML源代码,每个版本都有更新的文件名(当然有一些软件包可以自动执行此操作)。

但如果你不想这样做,你不必这样做。 webpack的configuration允许您指定用于构build的文件名。 output.filename是你使用的configuration字段。 有关更多信息,请参阅此处输出的文档 。