多个JS文件

打包具有依赖关系的两个JS文件。

结构&目录

新建文件module.js

module.exports = 'I am module.js';

更改入口文件entry.js,引入module.js

document.write('I am entry.js');

document.write('<br/>');
// 引入module.js
document.write(require('./module'));

命令

重新编译打包

$  webpack entry.js  -o  bundle.js --mode=development

控制台显示

Hash: 51bd2e9e12ee9fc24f1a
Version: webpack 4.26.1
Time: 239ms
Built at: 2018-11-28 11:05:47
    Asset      Size  Chunks             Chunk Names
bundle.js  4.15 KiB    main  [emitted]  main
Entrypoint main = bundle.js
[./entry.js] 96 bytes {main} [built]
[./module.js] 34 bytes {main} [built]

运行

刷新index.html文件页面,显示:

I am entry.js
I am module.js

Last updated