webpack的起步
基本使用
新建目录结构
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--导入打包后的js文件--> <script src="dist/bundle.js"></script> </head> <body> </body> </html>
main.js
// 通过CommonJS模块化导入函数 const {add} = require('./test.js') console.log(add(100, 100));
test.js
function add(num1,num2){ return num1 + num2 } // 通过CommonJS模块化导出函数 module.exports = { add }
通过webpack打包JS文件
# 指定一个源码中的js文件,然后指定一个目标位置和打包成的JS文件就可以 webpack ./src/js/main.js ./dist/bundle.js
看上面的index.html中直接引用打包后的js文件就可以
运行效果