跳到主要内容

09-devServer和JS压缩冲突

111.png

在之前JS压缩webpack进行打包,而没有使用npm run server 进行预览,也就是说没有启用devServer里的配置。

那有些小伙伴在学习完视频后,在终端中输入了npm run server进行了预览,发现终端中报错了。

要弄明白这个问题,我们先要弄清楚什么是开发环境,什么是生产环境。 开发环境中是基本不会对js进行压缩的,在开发预览时我们需要明确的报错行数和错误信息, 所以完全没有必要压缩JavasScript代码。而生产环境中才会压缩JS代码,用于加快程序的工作效率。

devServer用于开发环境,而压缩JS用于生产环境,在开发环境中作生产环境的事情所以Webpack设置了冲突报错。

在实际开发中,webpack配置文件是分开的,开发环境一个文件,生产环境一个文件。