文档主页

webpackjsorg-main开始-简介

文档主页

安装 Webpack

text 复制代码

```bash
npm install --save-dev webpack webpack-cli

复制代码

## 编写你的代码

```text
**src/index.js**

```js
import bar from "./bar.js";

bar();

复制代码

```text
**src/bar.js**

```js
export default function bar() {
  //
}

复制代码

## 打包它

```text
Start without a configuration file, or provide a custom **webpack.config.js**:

```js
import path from "node:path";
import { fileURLToPath } from "node:url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

export default {
  entry: "./src/index.js",
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "bundle.js",
  },
};

Prefer a video walkthrough? Without config

复制代码

```text
**page.html**

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    ...
  </head>
  <body>
    ...
    <script src="dist/bundle.js"></script>
  </body>
</html>

复制代码

然后在命令行运行 `webpack` 来创建 `bundle.js`。

## 很棒，不是吗？让我们深入吧！

在 **Guides** 部分快速**[开始使用](/guides/getting-started)**，或进入 **[Concepts](/concepts)** 部分，了解更多关于 webpack 核心概念的高层次信息。

帮助我们改进文档

发现翻译问题或内容错误？请告诉我们。