一、问题

performance: false; 关闭性能优化检查

如果浏览器开启了缓存的话,

在服务器上改变了文件中的代码:浏览器从服务器中缓存的文件未发生变化,浏览器会从缓存的 js 文件中进行查找, 可能会造成,代码变化,浏览器从本地缓存查找

二、解决

2.1 查找内容:

官网中:output.filename章节 进行查找:
image.png

2.2 配置hash

文件内容发生变化 -> 打包形成的js文件的名称的hash值也发生变化,
因此:实现文件内容发生变化—-hash变化 —-打包生成的文件名称变化
image.pngimage.png

三、垫片:

webpack.ProvidePlugins({ key: value })

a. 如果第三方包中:使用了jquery其他模块的变量,但是此时我们又无法去改变,库的源代码, b. 此时我们可以通过垫片的形式:抛出一个变量¥: value: 使用时就去node_module中去查找jquery c. 通过webpack.ProvidePlugin({ key: value })的形式,在其他任何模块中,打包之后都可以使用这个变量**key**

webpack内置插件image.png
在模块中使用key相当于如下形式:
image.pngimage.png