MAC电脑----webpack新手入门项目--图文教程

1.安装依赖

webpack项目依赖npm和nodejs

brew install npm
npm install node

检查版本

npm -v
node -v

2.安装webpack

1.全局安装:具体位置如下图

npm install webpack -g

2.局部安装:当前项目中安装,比如桌面有个webpack文件夹

#打开终端--切换到当前项目文件夹
cd desktop/webpack
#初始化,产生package.json文件
npm init
#将webpack添加到package.json依赖中
npm install webpack --save-dev

npm init 命令后会让填写一些项目的信息

当前项目中webpack的位置

3.webpack的打包命令

#entry.js入口文件,output.js出口文件
#webpack entry.js output.js
webpack app/index.js build/build.js

4.创建index.html文件,引入打包后的build.js文件

浏览器运行

5.index.js引用其他js