踩了一百个坑,当中退回重装无数,最终成果,提炼出正确的安装顺序如下↓
======================================================
1)安装nodejs
2)运行Node.js command prompt
安装开始→
1)创建一个项目文件夹 app
2)跳转到这个目录下方
cd app
3)初始化项目
npm init
4)检查项目文件夹 app 内容是否为如下文件
package.json
5)安装webpack
npm install webpack --save-dev
6)检查项目文件夹 app 内容是否为如下文件夹及文件
node_modules
package.json
package-lock.json
7)自行创建文件夹dist(用于输出打包后的js),文件夹src(用于放源js)
dist
src
node_modules
package.json
package-lock.json
8)在app\src下创建index.js
function hello(){
alert("hello");
}
hello();
9)在app下创建hello.html
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="dist/main.js" charset="utf-8"></script>
</body>
</html>
10)全局安装webpack-cli
npm install --save-dev webpack-cli -g
11)打开package.json,在“scripts”下增加"dev":"webpack --mode development"
"scripts": {
"dev":"webpack --mode development",
},
12)运行
npm run dev
13)打包完成 在dist/main.js
14)打开hello.html查看