一般来说,我们在做Vue或者React项目时,通用会使用Webpack进行项目打包管理,但是按照正常流程来说,Webpack在打包时会将非static下的所有文件进行压缩打包,当然,这种方式有利有弊。好处这里就不多说了。但是在开发者头疼的是,项目的一些配置文件也会一起打包,如果只是需要修改配置时,又得重新打包,甚至部署。这是令人很头疼的。因此,如何将一些配置JS文件不打包呢?
第一步:将项目中用到的配置写在一个公用config.js中。
第二步:在index.html页面使用script标签引入,注意在项目中不要使用import方式进行引入
第三步:在其他文件中直接调用即可
第四步:打包即可,发现config.js并没有被压缩。
在项目中根据实际情况,可手动修改config.js。是不是很简单,很方便