webpack 起步

Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。它会分析应用程序的结构,构建一个依赖关系图,并生成一个或多个 bundle 文件。

安装 Webpack

要开始使用 Webpack,首先需要安装 Node.js。然后可以使用 npm 来安装 Webpack:

安装完成后,可以通过以下命令来验证 Webpack 是否安装成功:

创建一个简单的 Webpack 应用

接下来,我们将创建一个简单的 Webpack 应用程序。首先,在项目根目录下创建一个 src 文件夹,并在其中创建一个 index.js 文件:

然后,在项目根目录下创建一个 webpack.config.js 文件,用于配置 Webpack:

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

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

在上面的配置中,我们指定了入口文件为 src/index.js,输出文件为 dist/bundle.js

最后,在 package.json 文件中添加一个 build 脚本:

现在,可以运行以下命令来构建应用程序:

Webpack 将会根据配置文件打包应用程序,并生成一个 bundle.js 文件。

这样,我们就完成了一个简单的 Webpack 应用程序的创建和构建过程。在接下来的章节中,我们将继续探讨更多 Webpack 的功能和用法。

上一篇: webpack 安装
下一篇: webpack 管理资源
纠错
反馈