webpack4.x打包过程详解
网络编程 2021-07-04 16:46www.168986.cn编程入门
这篇文章主要介绍了webpack4.x打包过程详解,长沙网络推广觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随长沙网络推广过来看看吧
一、全局安装 webpack-cli 脚手架
npm install webpack-cli -g
二、新建一个项目wp,并在wp目录下初始化一个package.json文件。
npm init -y
在wp目录下新建一个src目录,并在该目录下新建一个index.js
作为入口文件
webpack4.x
给我们提供了两种打包模式:
development
为开发模式
production
为生产模式,打包出的 main.js
代码自动压缩
我们可以直接使用命令 webpack --mode development
进行开发模式打包
我们使用生产模式webpack --mode production
打包
此时代码已经被压缩。
不管哪种模式,我们每次打包都使用 webpack --mode development
或者 webpack --mode production
都有点麻烦,我们可以修改下package.json文件里面的 scripts
属性:
"dev": "webpack --mode development",
"build: "webpack --mode production"
最后我们就可以使用 npm run dev
进行开发模式打包,使用 npm run build
进行生产模式打包。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程