webpack的基础使用

webpack 介绍

webpack是一款前端模块化打包工具,强调模块化开发管理.

webpack依赖于node; 需要先安装node;
使用命令: npm install webpack -g 安装
查看是否已安装 webpack --version

webpack 的使用

在js库中定义了俩个函数.,需要在index.html中引用; 使用webpack方式直接打包引用

之后打包:
在cmd中运行 webpack ./src/main.js ./dist/bundle.js 命令; 将main.js 和依赖文件进行打包(main依赖的模考会自动进行关联打包); 打包进入 dist文件夹中;
(直接在编辑器中没有权限,需要在cmd中运行)

打包完成后就可以在index.html文件中使用js函数了;引入打包好的js文件

上述使用的是 使用commonjs的模块化规范 打包;
再使用ES6的导入导出: