我是webpack的新手。
我已经使用vue-cli
设置了样板模板。目前,当我运行npm run build
时,我的文件将编译到/dist/build
文件夹,然后分成js
和css
个文件夹。
我正在制作WordPress主题,并且我正在访问<script>
和<style>
代码中的文件。它有效...但每次我通过npm run build
重新编译Webpack时,文件名都会随机化,最后会添加一串随机字符(这样就无法直接从index.php引用文件)。
有没有办法阻止Webpack随机化文件名?我不想每次编译时都要更新我的index.php。或者我是以错误的方式解决这个问题?
答案 0 :(得分:2)
这是一个功能 - 我们的想法是你可以允许浏览器尽可能长时间地缓存你的js / css,但是每次更改文件时都要更改实际的文件名,以便浏览器无法识别它并赢得'使用缓存版本。但它确实需要您有一种方法来更新您的HTML源代码,并在每个版本中使用更新的文件名(当然,有一些软件包可以自动执行此操作)。
但如果你不想这样做,你就不必这样做了。 webpack的配置允许您指定用于构建的文件名。 output.filename
是您使用的配置字段。有关详细信息,请参阅the docs on output here。