webpack实现打包多个相互依赖的js文件过程

实现打包多个相互依赖的js文件过程

module.export = x;//输出

require(xx);//接收

输出和接收形成一个依赖关系

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="dist/bundle.js"></script>
</body>
</html>

str.js:

module.exports = "明天天气会更好";//导出内容

str1.js:

var json = {
    str : '后天天气会更好'
}
module.exports = json;

main.js:

document.write(require('./str.js'));//依赖str.js

main1.js

var str = require('./str.js')
document.write(str.str); 

webpack.config.js:

module.exports = {
    entry: './main.js',
    output: {
        filename: 'bundle.js'
    }
};