vue打包后很多数字开头的js

Posted 2023-04-02

参考技术A Vue 打包后会生成很多数字开头的 javascript 文件，这些文件是由 Webpack 打包工具生成的，它们是 Vue 项目的依赖文件，用来实现 Vue 的功能，比如组件、指令、过滤器等。这些文件不需要手动编辑，只需要在打包时保留即可。 参考技术B 如果Vue打包后出现了很多数字开头的js文件，这很可能是由Vue提供的模块热替换和代码分割功能产生的，用来帮助提升应用性能和开发体验。 参考技术C Vue打包后很多数字开头的js文件是Vue自动生成的，它们主要用于构建更精简的代码，以提高应用程序的性能。

Vue打包后出现一些map文件

Vue打包后出现一些map文件的解决办法：

问题： 可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，那我们怎么把它去掉不要呢？

 

1，运行  cnpm run build  开始打包

2，会在项目目录下自动创建dist目录，打包好的文件都在其中

 

解决办法：     去src/config/index.js中改一个参数：

　　　　　　productionSourceMap:false

　　　　　　把这个改为false。不然在最终打包的文件中会出现一些map文件，map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。

　　　　　　有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。

 

最后你在build之后，然后就会发现就没有自动生成一些map文件了。。。

谢谢大家！！！