webpack5
webpack 打包
包名不能叫webpack
npm i webpack webpack-cli -D
npx 可以运行环境变量
打包:
npx webpack ./src/main.js --mode=development
编译成功
不报错了。。
打包生产环境->压缩:
npx webpack ./src/main.js --mode=production
目录结构:
代码:
count.js
export default function count(x, y){return x - y;
}
sum.js
export default function sum(...args) {return args.reduce((p, c) => p + c, 0)
}
main.js
import count from "./js/count"
import sum from "./js/sum"console.log(count(2,1));
console.log(sum(1,2,3,4));
index.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1>hello webpack</h1><script src="../dist/main.js"></script>
</body>
</html>