バンドルする
アセット スクリプト

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 を発展させることができます。寄付は、オフィスアワー、継続的な機能強化、そして最も重要なことに、優れたドキュメントと学習教材を直接支援します！

最新のスポンサー

 

 

 

プラチナスポンサー

 

 

 

ゴールドスポンサー

 

 

 

シルバースポンサー

 

 

 

ブロンズスポンサー

 

 

 

支援者