学习webpack和webpack-cli

webpack和webpack-cli是JavaScript应用程序的静态模块打包器。webpack-cli是webpack的命令行接口，用于在命令行中运行webpack。webpack-cli提供了一些命令，例如init、migrate、loader、plugin等，可以帮助用户更方便地使用webpack。当你需要使用webpack来打包你的JavaScript应用程序时，你需要下载和安装webpack和webpack-cli。其中webpack是必须的，而webpack-cli是可选的，但是建议安装，因为它可以提供更好的用户体验和更方便的命令行操作。

演示如何使用webpack和webpack-cli打包JavaScript应用程序： 1.首先，安装webpack和webpack-cli：

npm install webpack webpack-cli --save-dev

2.创建一个JavaScript应用程序，并在其中使用一些模块。 3.创建一个webpack配置文件webpack.config.js，指定入口文件和输出文件等信息。

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
};

4.在命令行中运行webpack命令，打包JavaScript应用程序。

npx webpack

5.打包完成后，在dist目录下会生成一个bundle.js文件，这个文件就是打包后的JavaScript应用程序。