webpack构建02-vue项目之 脚步指令（npm run dev）实现webpack打包
配置脚本指令，实现运行 npm run dev 打包
- 项目目录
- 初始化项目
npm init -y 生成package.json文件
- package.json 配置 脚本
"scripts": {
"dev":"webpack ./src/main.js -o ./dist/bundle.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
main.js
console.log("main");
import {age} from "./person"
console.log("age",age,-11);
person.js
export const age = 10
- index.html
- 其中，bundle.js 是 运行
npm run dev生成的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="./dist/bundle.js"></script>
</body>
</html>
- 效果 （ index.html 在浏览器之中加载查看效果）
