重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要为大家展示了如何安装和使用webpack,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。
创新互联公司是一家专注于成都做网站、网站建设与策划设计,汝城网站建设哪家好?创新互联公司做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:汝城等地区。汝城做网站价格咨询:18982081108webpack介绍和安装
webpack:前端模块化打包工具
安装webpack需要安装Node.js,Node.js自带软件包管理工具npm
查看自己的node版本:
node -v
全局安装webpack
cnpm install webpack -g
查看webpack版本
webpack --version
局部安装webpack
cnpm install webpack --save-dev
为什么全局安装之后还需要局部安装?
在终端直接执行webpack,使用的是全局webpack
如果在package.json中定义了script,其中包含了webpack命令,那么使用的是局部webpack
webpack基本使用过程
小案例:创建一个webpack目录,在里面创建dist目录和src目录
在src目录中创建mathUtils.js和main.js
mathUtils.js
function add(num1, num2){ return num1 + num2; } function mul(num1, num2){ return num1 * num2; } module.exports = { add, mul }