webpack编译时,如何让某些配置类型文件单独输出,不编译?

问题描述:
有些静态资源,如:logo图片、json配置文件等等,有可能随着时间推移而被要求替换。但由于webpack编译后资源代码混在一起,运维无法修改。
所以,如今每次要修改时,都要让开发替换重新编译,再给运维重新部署.

目的:
把经常需要变动放到某一个文件夹下,webpack编译时把这些资源原样输出。这样运维就可以直接替换这些文件了。

这里边有两个问题:

  1. 如何把资源单独地,不加处理地直接输出

  2. 替换文件后,如何保证浏览器端重新加载替换掉的新文件。
    ——我想到的是让运维查找js中查找被替换的文件名,在引用地址后加上“?v=1”的版本号,但感觉有点麻烦,不知道有没有更好的办法?

阅读 6.4k
2 个回答
  1. https://github.com/kevlened/c...

  2. 更好的办法就是不要靠运维来解决这件事情,而靠浏览器的缓存机制来解决,可以在文件中加入hash码的方式来标识资源,这个webpack提供的插件有很多了。

webpack是基于资源依赖表来处理资源的,要不去处理这些单独资源,不依赖不就好了。怎样做?

例如你需要xxx.js,不要在你的js代码中import,而是写在index.html,一个script标签去引用不就好了?

index.html

<script src="http://xxx.com/xxx.js"></script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进