Webpack项目指定JS文件不打包

         一般来说,我们在做Vue或者React项目时,通用会使用Webpack进行项目打包管理,但是按照正常流程来说,Webpack在打包时会将非static下的所有文件进行压缩打包,当然,这种方式有利有弊。好处这里就不多说了。但是在开发者头疼的是,项目的一些配置文件也会一起打包,如果只是需要修改配置时,又得重新打包,甚至部署。这是令人很头疼的。因此,如何将一些配置JS文件不打包呢?

第一步:将项目中用到的配置写在一个公用config.js中。

第二步:在index.html页面使用script标签引入,注意在项目中不要使用import方式进行引入

第三步:在其他文件中直接调用即可

第四步:打包即可,发现config.js并没有被压缩。

在项目中根据实际情况,可手动修改config.js。是不是很简单,很方便

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,814评论 0 16
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,529评论 1 32
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,343评论 4 31
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,268评论 7 35
  • 小晃妹儿摊在办公室的角落里,痴痴傻傻的望着手机笑了一早上。今天的活路昨天已做完,明天有不有活路做要看上头的大爷得不...
    小晃妹儿的碎碎念阅读 456评论 0 0