实现打包多个相互依赖的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'
}
};
网友评论