项目地址: https://github.com/Ivevu/webpack-demo.git

目录

• 1、安装

1、安装

• 准备webpack环境

$ npm i webpack -g               # 全局安装webpack
$ mkdir webpack-demo && cd webpack-demo     # 创建文件夹并进入
$ npm init -y           # 无需确认初始化项目
$ npm install webpack webpack-cli --save-dev     # 安装webpack工具

• 项目结构

SHA值1209d94

├─ public
├─ src
│  └─ index.js    //入口文件
├─ webpack.config.js // 配置文件
├─ package.json

• 打包

npx webpack

// or 

npm run build

我们可以看到，输出的只有一个bundle.js，这对我们前端来说也太简单和单调了吧。首页index.html和样式文件xxx.css还有一些图片xxx.png这些静态资源呢？
别急，我们一步一步来~接下来，我们来看看怎么开始单页面开发