webpack不打包指定的js文件

前端开发使用webpack打包时,有时想要让一些配置参数的文件不被打包,这样可以在发布的时候实时修改一些参数。

  • 配置文件
    以config.js为例


    image.png
  • 引入
    不要使用import引入改文件,在index.html页面使用script标签引入


    webpack不打包指定的js文件_第1张图片
    image.png
  • 在.eslintrc文件内声明config为全局变量


    webpack不打包指定的js文件_第2张图片
    image.png
  • 调用
    在其他文件内直接调用全局变量config即可,false指定config为只读。


    image.png

打包后,config.js未被压缩,可进行修改


webpack不打包指定的js文件_第3张图片
image.png

你可能感兴趣的:(webpack不打包指定的js文件)