为什么npm run build时会自动打开webpack-bundle-analyzer服务？

Question

我想在写一个scripts命令专门查看包大小时打开bundle分析页面,而不是只要运行npm run build 时就打开一个bundle分析页面

@技术大佬 @技术大大

Answer 1

小明有一个电子收音机，每次点播放按钮都在单曲循环，他百思不得其解。
（我们把npm run build当作是播放音乐）

// npm run build 执行了webpack打包，在这个状态下，webpack配置了webpack-bundle-analyzer的插件

// 例如
{
    plugins:[
        new webpack-bundle-analyzer()
    ]
}

所以其实是因为播放器现在是单曲循环模式，他其实可以在某个界面修改这个模式。

// 例如
{
    plugins:[
      // new webpack-bundle-analyzer() // 不单曲循环了
    ]
}

他想新增一个按钮，只有点这个按钮播放才是单曲循环。但是原来的播放按钮还得正常播放，那他得多设置一个变量，从而告诉播放器，什么情况下该单曲循环，什么时候不该。

所以小明可以通过https://www.npmjs.com/package...注入一个环境变量来达到这个目的

// 例如
{
    plugins:[
      procee.env.NODE_ENV==='analyzer' && new webpack-bundle-analyzer() // 当满足条件的时候，才单曲循环
    ]
}

{
 "build":"webpack", // 原来的按钮
 "build:analyzer":"cross-env NODE_ENV='analyzer' && webpack" // 新的按钮
}