webpack安装低于4版本(没有配置webpack.config.js)
webpack安装低于4版本(没有配置webpack.config.js)
1.初始化项目 npm init -y
![初始化项目 初始化项目](./images/1575949765687.png)
初始化项目
2.安装webpack@3.6.0版本 npm i webpack@3.6.0 -g
![安装webpack@3.6.0版本 安装webpack@3.6.0版本](./images/1575949922331.png)
安装webpack@3.6.0版本
3.分别新建一个文件夹src,dist..再在src下新建一个js文件main.js和test.js..main.js引用test.js..此时目录结构如下:
![](https://img2018.cnblogs.com/i-beta/1470106/201912/1470106-20191211101020127-1339356999.png)
1 //test.js 2 function add(num1, num2) { 3 return num1 + num2 4 } 5 function mul(num1, num2) { 6 return num1 * num2 7 } 8 module.exports = { 9 add, 10 mul 11 }
const { add, mul } = require("./test.js"); console.log(add(20, 30)); console.log(mul(20, 30));
4.运行打包指令 webpack ./src/main.js ./dist/bundle.js
![运行打包指令 运行打包指令](./images/1575950122293.png)
运行打包指令