bundle your
assets scripts

静态资产 .png .css .jpg .js 依赖模块 .jpg .png .sass .sass .js .sass .cjs .hbs .js

Write Your Code

src/index.js

import bar from './bar';

bar();

src/bar.js

export default function bar() {
  //
}

Bundle It

没有配置或提供自定义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>
    ...
  </head>
  <body>
    ...
    <script src="dist/bundle.js"></script>
  </body>
</html>

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

Awesome isn't it? Let's dive in!

在我们的指南部分中快速入门 ,或深入研究概念部分以获取有关webpack背后核心概念的更多高级信息.

Support the Team

通过捐款,捐赠和赞助,您可以使webpack蓬勃发展. 您的捐款直接支持办公时间,持续改进,最重要的是,还提供了出色的文档和学习资料!

by  ICOPY.SITE