名词解释

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的理解相关推荐

  1. webpack的development和production模式

    webpack的development和production模式 webpack打包模式 development模式 开发环境 不会对打包生成的文件进行代码压缩和性能优化. 打包速度快,适合在开发阶段 ...

  2. Vue2 中 .env.development .env.production 详细说明

    简介 Vue CLI 项目中一个重要的概念.默认情况下,一个 Vue CLI 项目有三个模式: development  模式用于 vue-cli-service serve production  ...

  3. 理解webpack中的devTool的配置项

    2.1. eval   eval 会将每一个module模块,执行eval,执行后不会生成sourcemap文件,仅仅是在每一个模块后,增加sourceURL来关联模块处理前后对应的关系.在webpa ...

  4. Webpack 究竟是什么?如何理解Webpack

    本篇文章主要是针对 B站Webpack从原理到实战 的知识梳理,之前写过一些 Webpack 更细节的一些知识,详情见 前端工程化(webpack),里面更详细的介绍了前端工程化.loader的使用, ...

  5. webpack 谷歌地图_如何在Webpack中设置可靠且可维护的Google Analytics(分析)

    webpack 谷歌地图 One of the messier bits of a new app setup is trying to figure out where to stash your ...

  6. 六、Webpack详解学习笔记——webpack的安装、起步、配置、loader的使用、webpack中配置Vue、plugin的使用、搭建本地服务器、webpack配置的分离

    一.认识webpack 什么是webpack? 这个webpack还真不是一两句话可以说清楚的. 我们先看看官方的解释: At its core, webpack is a static module ...

  7. 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 ...

  8. development 和 production 模式的区别

    webpack中两种开发模式development 和 production 的区分打包 当我们在开发一个项目的时候,一般用development这个环境进行项目的开发,在这个打包环境下,webpac ...

  9. Webpack中的tree-shaking

    文章目录 Webpack中的tree-shaking 简单实践 副作用sideEffects sideEffects配置项 false 数组 结论 Webpack中的tree-shaking tree ...

最新文章

  1. 累加结合律,交换律,分配律的一个例子
  2. 【清华大学王东老师】现代机器学习技术导论.pdf
  3. servlet中url-pattern之/与/*的区别
  4. leetcode面试题 08.08. 有重复字符串的排列组合(回溯)
  5. 销售系统软件mysql_Max(TM)销售管理系统
  6. 学习云计算有哪些优势?云计算教程学习路线图
  7. java 读取yaml配置文件
  8. Hi3798 PWM输出控制背光
  9. iOS --- 使用Mixpanel来统计和分析移动APP的用户数据
  10. 普瑞PS8742 Switch V0.9
  11. SpringCloud的认识和基本入门使用
  12. 大数据联姻“互联网+”驱动绿色变革
  13. 透析阿里3亿元投资的如涵:孵化张大奕,吸金但苦逼
  14. MySQL不同隔离级别并发测试分析
  15. 乌班图Ubuntu系统安装nacos
  16. 通俗易懂:Nginx正反向代理,买瓶可乐就能理解
  17. 计算机控制系统软件设计,计算机控制技术第7章 计算机控制系统软件设计.ppt
  18. 怎样用FL Studio添加通道
  19. 零基础如何成为一名原画师??看这里
  20. 一道有意思的js面试题

热门文章

  1. Identity and Authentication - JSO Web Tokens (JWTs)
  2. brpc源码学习(一)-butex
  3. 基于Hadoop和Spark体系的大数据分析平台构建
  4. 计算机课gif,信息技术五年级下册第7课 认识GIF动画教学设计及反思
  5. 三分钟轻松实现连接西门子PLC
  6. linux文件改为nobody,Nginx配置中user设置为nobody有什么用?
  7. 帆软当表格无数据时不显示表格并显示无数据
  8. Win10 64位系统安装Microsoft Visual Studio和Intel Fortran(非正式名称)
  9. 斗鱼占用计算机资源,为啥电脑看个斗鱼直播错cpu使用率那么高
  10. 本周电影:《阮玲玉》,1992年张曼玉主演电影,DVD高清版