在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何在vue的項目里面使用webpack命令生成stats.json文件

如何在vue的項目里面使用webpack命令生成stats.json文件

1.想通過圖表分析webpack打包出來的代碼，搜索了下可以通過webpack --profile --json > stats.json產(chǎn)生webpack統(tǒng)計信息

然后通過官方的地址

上傳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怎么破

回答
編輯回答
憶往昔

clipboard.png

仔細研究發(fā)現(xiàn)webpack.prod.conf.js里面有關(guān)于是否開啟webpack-bundle-analyzer配置

2017年4月28日 03:48
編輯回答
歆久

webpack.prod.conf.js或webpack.base.conf.js中的plugins數(shù)組中加入如下代碼：

plugins: [
...// 現(xiàn)有插件，
    function() {
      this.plugin('done', function(statsData) {
        const stats = statsData.toJson();
        fs.writeFileSync(path.join(__dirname, 'stats.json'), JSON.stringify(stats));
      });
    }
]
2017年9月19日 02:17
編輯回答
萌小萌
webpack --config ./build/webpack.dev.conf.js --json > stats.json

使用 config 指定配置文件。

它的意思是，假如沒有指定配置文件，會在當前目錄尋找webpack.config.js 作為配置文件

2018年5月10日 22:50