打包所有的
资源 脚本

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';

bar();

src/bar.js

export default function bar() {
  //
}

使用 webpack 打包

Without config or provide custom 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

让一切变得简单

立即开始更多关于 webpack 核心概念的高级信息,请通过快速查阅指南部分,或深入概念部分来了解。

31选718128期开奖查询 买排列三有什么技巧 腾讯分分彩开奖码查询 手机打字赚钱软件下载 极速赛车一分钟一把开奖 11219期排列3预测 休彩浙江11选5走势图 福建体彩11选五什么玩 南京最好的配资公司 贵州快3和值推荐号码 澳门十大赌场平台 重庆快乐十分彩开奖记录查询 中彩时时彩下载手机版 云南11选五走势图基本走势图 安泰科技股票行情 青海体彩十一选五最新开奖 贵州快三走势图手机版