本文介绍了Webpack的基本概念、安装与配置，展示了如何使用它将CommonJS和ES6模块打包，以及在实际项目中的应用。通过实例了解如何将源代码转换为浏览器可执行的bundle.js文件，适合前端开发者深入学习模块化构建。
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的导入导出:
扫一扫
1332
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
