npm 包 @practo/build-message-webpack 使用教程-JavaScript中文网-JavaScript教程资源分享门户

简介

@practo/build-message-webpack 是一个针对 Webpack 打包过程中消息打印的插件，能够替换 Webpack 默认的消息输出形式。使用这个插件，你可以在控制台看到更清晰、有序的打包信息，便于调试和分析。

安装

@practo/build-message-webpack 是一个 NPM 包，可以利用 NPM 或 Yarn 安装。推荐使用 NPM 进行全局安装以便在多个项目中共享。

使用 NPM 进行全局安装：

npm install -g @practo/build-message-webpack

使用 Yarn 进行全局安装：

yarn global add @practo/build-message-webpack

安装完成后，你就可以在 Webpack 配置文件中使用该插件了。

使用

@practo/build-message-webpack 的使用非常简单，只需要在 Webpack 配置文件中的 plugins 中添加配置即可。下面是示例代码：

const BuildMessagePlugin = require('@practo/build-message-webpack');

module.exports = {
  // ...
  plugins: [
    new BuildMessagePlugin()
  ]
};

启动 Webpack 后，你就可以在控制台看到类似如下的输出：

-- -------------------- ---- -------
----- --------------------
-------- ------- ------
----- ------
----- --- ---------- -------- --
    -----      ----  ------                   ----- -----
--------  --- -----    ----  ---------        -----
--------  --- -----    ----  ---------        -----
----------  --- -----          ---------      
---------- ---- - -------- --------

@practo/build-message-webpack 还支持多种配置，例如显示文件大小、显示打包进度等。具体配置项请参见插件的官方文档。

总结

@WebPacto/build-message-webpack 是使用 Webpack 开发者必备的插件之一。它可以让我们更加清晰、有序地查看打包信息，加速我们的开发工作。同时，它的安装与使用也十分简单，仅需一些基础的配置就可以轻松上手。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/600567ff81e8991b448e424b