目录
1.创建方法并暴露(能被看到并使用),保存在hello.js中
3.创建webpack.config.js使用webpack打包,入口设置为“main.js”,输出设置为bundle.js
4.创建index.html文件,调用bundle.js,即完成了一个页面的展示。
1.创建方法并暴露(能被看到并使用),保存在hello.js中
exports.sayHi = function (){
document.write("<h1>hello,js!</h1>");
}
2.创建对象调用方法,保存在main.js中
var hello = require("./hello");
hello.sayHi();
3.创建webpack.config.js使用webpack打包,入口设置为“main.js”,输出设置为bundle.js
module.exports = {
entry: './modules/main.js',
output: {
filename: './js/bundle.js'
}
}
4.创建index.html文件,调用bundle.js,即完成了一个页面的展示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="dist/js/bundle.js"></script>
</body>
</html>
展示如下:
项目结构如下: