webpack学习笔记(一)

目前工作中会涉及到一些打包类的,需要自己配置,但每次看过之后就忘记了,所以这次买了书准备好好学习一下webpack,也将自己的笔记整理出来,如有不对的地方,希望大家能够多多指正。

什么是webpack?

我的理解,webpack就是一个js的模块打包工具,主要解决各模块之间的依赖关系,可以让我们在书写的时候以模块化的形式书写。

npm初始化

 

npm init

安装

全局安装:

npm install webpack webpack-cli -g

 

局部安装(推荐):

npm install webpack webpack-cli --save-dev

 

查看版本号

npx webpack -v

打包命令

// entry 打包入口
// output-filename 输出资源名,即打包后的js
// mode 打包模式 development production none
npx webpack --entry=./index.js --output-filename=bundle.js --mode=development

 

posted @ 2020-11-19 11:15  s_sunshine  阅读(74)  评论(0编辑  收藏  举报