Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

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

Activity

Yanhua67

Yanhua67 commented on Aug 1, 2019

@Yanhua67

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

Cai-zhiji

Cai-zhiji commented on Jul 7, 2023

@Cai-zhiji

在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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@Yanhua67@Cai-zhiji

        Issue actions

          [vue] vue项目有使用过npm run build --report吗? · Issue #344 · haizlin/fe-interview