打包你的
資源 指令碼

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 蓬勃發展。您的捐贈直接支援辦公時間、持續改進，最重要的是，提供出色的文件和學習材料！

最新贊助商

 

 

 

白金贊助商

 

 

 

黃金贊助商

 

 

 

白銀贊助商

 

 

 

青銅贊助商

 

 

 

支持者