webpack安装低于4版本(没有配置webpack.config.js)

webpack安装低于4版本(没有配置webpack.config.js)

1.初始化项目 npm init -y

 

初始化项目
初始化项目

 

2.安装webpack@3.6.0版本 npm i webpack@3.6.0 -g

 

安装webpack@3.6.0版本
安装webpack@3.6.0版本

 

3.分别新建一个文件夹src,dist..再在src下新建一个js文件main.js和test.js..main.js引用test.js..此时目录结构如下:
 
                                      

 

 

 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

 

运行打包指令
运行打包指令

 

posted @ 2019-12-10 20:11  明奴  阅读(1313)  评论(0编辑  收藏  举报