1、首先安装node（官网都有https://nodejs.org/en/）2、安装完node直接就安装了npm
3、安装webpack
3.1全局安装命令（
//全局安装
npm install -g webpack
3.2安装到项目路径中（
//安装到你的项目目录
npm install --save-dev webpack开始操作：
1、npm init（生成package.json文件一直enter）；
2、npm install --save-dev webpack ( 建议在本目录安装)
此时项目路径下的文件为
3、然后创建如上图的文件（main.js Greeter.js（app文件中） index.html(public文件中)）此处的build.js是使用webpack生成的打包后的文件
index.html中的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Webpack Sample Project</title>
</head>
<body>
<div id='root'>
</div>
<script src="build.js"></script>
</body>
</html>// Greeter.js
module.exports = function() {
var greet = document.createElement('div');
greet.textContent = "Hi there and greetings!";
return greet;
};
main.js
//main.js
const greeter = require('./Greeter.js');
document.querySelector("#root").appendChild(greeter());终端结果为下图
扫一扫
287
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
