webpack是一个打包工具
1、创建一个空项目
2、用IDEA打开(open)
3、创建modules文件夹,并在里面创建hello.js文件
hello.js
//暴露一个方法
exports.sayHi = function () {
document.write('<h1>Hello</h1>')
};
然后创建main.js
var hello = require("./hello");
hello.sayHi();
4、创建webpack.config.js文件
module.exports={
entry:'./modules/main.js',
output:{
filename:"./js/bundle.js"
}
};
然后在下面的终端输入命令:webpack
此时,项目会多出一个文件夹dist
4、创建index.html文件,里面引入dist/js/bundle.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="dist/js/bundle.js"></script>
</head>
<body>
</body>
</html>
此时就可以打开网页观察结果了