vue项目-webpack 打包文件去除hash,同时静态文件index.html以index.js?hash 引入

修改vue项目中  vue.config.js 文件

  chainWebpack: config => {

    // 添加以下配置 

   //[contenthash] 是 Webpack 构建时自动生成的,无需手动获取。只需在配置中正确使用它即可实现基于内容的缓存策略。

    config.output.filename('js/[name].js?[contenthash]').end();

     config.output.chunkFilename('js/[name].js?[contenthash]').end();

  }

执行npm run test  打包后

dist-test 打包文件 index.html 入口文件中引入的会变为:

  <script src=/vendor/vendor.dll.js> </script>

 <script src=/js/chunk-vendors.js?883482877869a902b5fa> </script>

 <script src=/js/index.js?42cb4047d1807db226d1> </script>

成功!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容