捆绑你的
资产 脚本

STATIC ASSETS .png .css .jpg .js MODULES WITH DEPENDENCIES .jpg .png .sass .sass .js .sass .cjs .hbs .js

编写你的代码

src/index.js

import bar from './bar.js';

bar();

src/bar.js

export default function bar() {
  //
}

捆绑它

无需配置 或提供自定义 webpack.config.js

const path = require('path');

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

page.html

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

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

很棒,不是吗?让我们深入了解一下!

入门 在我们的 指南 部分快速入门,或深入 概念 部分,了解有关 webpack 背后核心概念的更多高级信息。

支持团队

通过贡献、捐赠和赞助,您让 webpack 蓬勃发展。您的捐赠直接支持办公时间、持续改进,最重要的是,优秀的文档和学习资料!

最新赞助商

 

 

 

白金赞助商

 

 

 

金牌赞助商

 

 

 

银牌赞助商

 

 

 

铜牌赞助商

 

 

 

支持者