webpack中development和production的理解
【名词解释】
webpack:
(1)官方解释:webpack是现代 JavaScript 应用程序的静态模块打包器
(2)我的理解:webpack就是一个打包器,用来本地项目文件夹打包压缩成一个体积更小的项目文件夹
development:是webpack配置文件webpack.config.js中导出模块module.exports的一个对象中属性名叫mode的属性值,代表开发模式
production:也是webpack配置文件webpack.config.js中导出模块module.exports的一个对象中属性名叫mode的属性值,代表生产模式(也叫线上模式)
两者的联系:都能改变文件的打包模式,都是mode属性的属性值
两者的区别:
本质区别:打包的模式不同,development是将目标文件打包成开发模式下的文件,而production则是打包成生产模式下的文件。
其它区别:
(1)体积不一样。development打包的文件体积较大;production打包的文件体积较小
(2)打包速度不一样。development因为是给开发者看的,一些换行,空格和注释都没删掉,没有进行压缩,所以打包速度会快;production是上线用的模式,为了更快的解析代码,进行了压缩,所以打包速度更慢
以上为个人见解,希望各位大佬不吝指正
webpack中development和production的理解相关推荐
- webpack的development和production模式
webpack的development和production模式 webpack打包模式 development模式 开发环境 不会对打包生成的文件进行代码压缩和性能优化. 打包速度快,适合在开发阶段 ...
- Vue2 中 .env.development .env.production 详细说明
简介 Vue CLI 项目中一个重要的概念.默认情况下,一个 Vue CLI 项目有三个模式: development 模式用于 vue-cli-service serve production ...
- 理解webpack中的devTool的配置项
2.1. eval eval 会将每一个module模块,执行eval,执行后不会生成sourcemap文件,仅仅是在每一个模块后,增加sourceURL来关联模块处理前后对应的关系.在webpa ...
- Webpack 究竟是什么?如何理解Webpack
本篇文章主要是针对 B站Webpack从原理到实战 的知识梳理,之前写过一些 Webpack 更细节的一些知识,详情见 前端工程化(webpack),里面更详细的介绍了前端工程化.loader的使用, ...
- webpack 谷歌地图_如何在Webpack中设置可靠且可维护的Google Analytics(分析)
webpack 谷歌地图 One of the messier bits of a new app setup is trying to figure out where to stash your ...
- 六、Webpack详解学习笔记——webpack的安装、起步、配置、loader的使用、webpack中配置Vue、plugin的使用、搭建本地服务器、webpack配置的分离
一.认识webpack 什么是webpack? 这个webpack还真不是一两句话可以说清楚的. 我们先看看官方的解释: At its core, webpack is a static module ...
- sass webpack_如何在Visual Studio和Webpack中编译Sass文件
sass webpack Sass is a very popular CSS pre-processor. The intent of this tutorial is to show you ho ...
- development 和 production 模式的区别
webpack中两种开发模式development 和 production 的区分打包 当我们在开发一个项目的时候,一般用development这个环境进行项目的开发,在这个打包环境下,webpac ...
- Webpack中的tree-shaking
文章目录 Webpack中的tree-shaking 简单实践 副作用sideEffects sideEffects配置项 false 数组 结论 Webpack中的tree-shaking tree ...
最新文章
- 累加结合律,交换律,分配律的一个例子
- 【清华大学王东老师】现代机器学习技术导论.pdf
- servlet中url-pattern之/与/*的区别
- leetcode面试题 08.08. 有重复字符串的排列组合(回溯)
- 销售系统软件mysql_Max(TM)销售管理系统
- 学习云计算有哪些优势?云计算教程学习路线图
- java 读取yaml配置文件
- Hi3798 PWM输出控制背光
- iOS --- 使用Mixpanel来统计和分析移动APP的用户数据
- 普瑞PS8742 Switch V0.9
- SpringCloud的认识和基本入门使用
- 大数据联姻“互联网+”驱动绿色变革
- 透析阿里3亿元投资的如涵:孵化张大奕,吸金但苦逼
- MySQL不同隔离级别并发测试分析
- 乌班图Ubuntu系统安装nacos
- 通俗易懂:Nginx正反向代理,买瓶可乐就能理解
- 计算机控制系统软件设计,计算机控制技术第7章 计算机控制系统软件设计.ppt
- 怎样用FL Studio添加通道
- 零基础如何成为一名原画师??看这里
- 一道有意思的js面试题
热门文章
- Identity and Authentication - JSO Web Tokens (JWTs)
- brpc源码学习(一)-butex
- 基于Hadoop和Spark体系的大数据分析平台构建
- 计算机课gif,信息技术五年级下册第7课 认识GIF动画教学设计及反思
- 三分钟轻松实现连接西门子PLC
- linux文件改为nobody,Nginx配置中user设置为nobody有什么用?
- 帆软当表格无数据时不显示表格并显示无数据
- Win10 64位系统安装Microsoft Visual Studio和Intel Fortran(非正式名称)
- 斗鱼占用计算机资源,为啥电脑看个斗鱼直播错cpu使用率那么高
- 本周电影:《阮玲玉》,1992年张曼玉主演电影,DVD高清版