webpack 入门

143 阅读1分钟

什么是webpack?

  • webpack是一个项目构建工具
  • webpack是模块化管理工具,使用webpack可以对模块进行压缩、预处理、按需打包、按需加载等。
  • gulp 它是基于任务
  • webpack 基于模块化处理的(监听文件的变化来重新编译)

webpack的使用

安装

> npm i -g webpack
> npm i -g webpack-cli
> webpack -v

创建项目

- dist 目录
- src 目录
   - main.js
- package.json (用 npm init --yes 生成)
- webpack.config.js (webpack 的编译配置文件)