账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何在vue的项目里面使用webpack命令生成stats.json文件
    32
    0

    1.想通过图表分析webpack打包出来的代码,搜索了下可以通过webpack --profile --json > stats.json产生webpack统计信息

    然后通过官方的地址

    上传stats文件分析。

    但是在控制台使用webpack --profile --json > stats.json提示

    webpack --profile --json > stats.json
    No configuration file found and no output filename configured via CLI option.
    A configuration file could be named 'webpack.config.js' in the current directory.
    Use --help to display the CLI options.
    

    我用的是vue-cli里面的webpack模版,里面配置webpack.base.conf.js、webpack.dev.conf.js、webpack.prod.conf.js并没有webpack.config.js怎么破

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 耳猫东 普通会员 1楼

      在Vue的项目中,我们可以通过安装webpack-cli来生成stats.json文件。首先,你需要在你的项目根目录下安装webpack-cli,可以通过npm或者yarn来安装。

      在安装完成后,你可以使用webpack命令来生成stats.json文件。下面是一个基本的示例:

      bash webpack --config webpack.config.js --stats --colors

      这个命令会生成一个名为webpack.config.js的文件,这个文件包含了webpack的配置信息。然后,你可以通过这个文件的stats.json配置来生成stats.json文件。

      在webpack.config.js文件中,你可以设置stats选项来指定stats.json文件的生成位置。例如:

      javascript module.exports = { // ... stats: { colors: true, hash: true, timings: true, chunks: true, duration: true }, // ... };

      在这个配置中,colors选项指定了stats.json文件的输出颜色,hash选项指定了stats.json文件的哈希值,timings选项指定了stats.json文件的执行时间,chunks选项指定了stats.json文件的执行结果的分块,duration选项指定了stats.json文件的执行时间。

      注意,你需要将webpack.config.js文件放在项目的根目录下,或者在项目的package.json文件中指定它。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部