Skip to content

[vue] vue项目有使用过npm run build --report吗? #344

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
haizhilin2013 opened this issue Jun 20, 2019 · 2 comments
Open

[vue] vue项目有使用过npm run build --report吗? #344

haizhilin2013 opened this issue Jun 20, 2019 · 2 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

[vue] vue项目有使用过npm run build --report吗?

@haizhilin2013 haizhilin2013 added the vue vue label Jun 20, 2019
@Yanhua67
Copy link

Yanhua67 commented Aug 1, 2019

给 process.env 对象添加了一个属性 npm_config_report: "true",表示开启编译完成后的报告。

@Cai-zhiji
Copy link

在Vue项目中,npm run build --report是一个用于构建项目并生成打包报告的命令。

当你执行npm run build --report命令时,Vue的构建工具(通常是Webpack)会开始打包你的项目。打包完成后,会生成一个报告文件,该报告文件包含了打包过程中生成的各种资源文件的详细信息,例如文件大小、依赖关系、模块分布等。

生成的报告文件通常是一个HTML文件,可以在浏览器中打开查看。报告文件会以可视化的方式展示项目的构建情况和资源分布,帮助你了解项目的打包情况,并找出潜在的问题和优化的机会。

通过查看报告文件,你可以获取有关打包过程中的各种指标和统计信息,例如每个文件的大小、模块之间的依赖关系、打包后的文件结构等。这些信息有助于你分析和优化项目的打包结果,以提高性能、减小文件大小,并优化加载速度。

需要注意的是,--report参数需要与npm run build命令一起使用才会生成打包报告。如果不使用该参数,将不会生成打包报告文件。

总之,npm run build --report命令在Vue项目中用于生成打包报告,提供了对项目打包结果的可视化分析,帮助你了解项目的构建情况和优化需求。

Regenerate response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
vue vue
Projects
None yet
Development

No branches or pull requests

3 participants