基于Netweaver的ABAP transport route一般都有dev,test和prod三种类型的系统。
而Vue前端项目的webpack build设置也类似。
以SAP成都研究院数字创新空间开发的智能服务前端实现为例, 在package.json里定义了名为dev和build两个script:
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js"
}
一旦运行npm run dev,会观察到在dev环境下使用了webpack-dev-server这个依赖启动了web服务器
当然webpack-dev-server这个依赖也必须定义在package.json的dependencies区域里:
npm install把所有依赖下载到本地后,也能观察到webpack-dev-server.js这个依赖的实现:
执行命令行npm run dev, 实际上执行的命令行为:
node "C:Usersi042416Documents�_DISCodeSmartServiceFront ode_modules.bin..webpack-dev-serverinwebpack-dev-server.js" --inline --progress --config build/webpack.dev.conf.js
我们在前端项目build文件夹里能看到三个和webpack相关的配置文件:
-
webpack.base.conf.js
-
webpack.dev.conf.js
-
webpack.prod.conf.js
这里也能看到dev和prod环境,类似ABAP的开发和生产系统。区别是vue webpack的dev环境包含的是未压缩过的代码,方便调试,而prod环境的代码是压缩过后的。而ABAP无论是开发,测试还是生产,代码都相同。
之所以要引入webpack.base.conf.js, 也是类似面向对象的编程思想,把dev和prod环境一些通用的webpack配置抽取出来,避免在dev和prod里重复定义。
最终dev和prod的webpack配置内容,是webpack.base.conf里的通用内容,加上各自专属文件里定义的配置内容的并集, 参考第14行的merge方法,由webpack-merge模块提供。
当然如果大家还不了解什么是Webpack,可以参考这篇简书文章,来自zhangwang,写得相当详细。
入门Webpack,看这篇就够了
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
相关推荐
SAP应用及ABAP开发最佳实践—Internal Table,
这时,可能需要对线程管理、缓存策略或数据转换等方面有深入的理解和实践。 总的来说,"ABAP接口-RFC C#项目"涉及的知识点包括:ABAP编程、RFC函数模块的创建和使用、C#编程、SAP .NET Connector的使用、网络通信、...
SAP应用及ABAP开发最佳实践—在ABAP程序中调用Web Service.
ABAP开发规范和命名规则是IBM提供的一套开发标准和命名惯例,为ABAP开发者提供了详细的开发指南和命名规则,以确保开发的程序代码质量和可读性。本文将对ABAP开发规范和命名规则进行详细的解释和说明。 一、文档...
SAP应用及ABAP开发最佳实践—基于ABAP Workbench创建并发布Web Service.
本手册旨在为初级学员提供SAP ABAP的基本知识和实践经验,帮助他们快速掌握ABAP语言的基本语法和开发技术。以下是本手册的知识点概要: 一、ABAP基础语法 * ABAP语言的基本结构和组成 * 变量声明和赋值 * 数据类型...
在SAP ABAP编程中,动态内表是一种非常重要的数据结构,它允许程序根据运行时的需求灵活地处理数据。动态内表不同于静态内表,后者在编写...理解和熟练掌握动态内表的构建与数据传递,是提升SAP ABAP编程能力的关键。
通过这个项目,开发人员可以学习如何在SAP ABAP环境中利用AI技术来增强业务应用程序的功能,同时掌握使用Git进行版本控制的最佳实践。这将有助于推动SAP系统的智能化升级,提高业务效率和决策精度。
在深入探讨SAP ABAP的知识点之前,我们首先理解其基本概念:ABAP是一种过程驱动的语言,广泛用于构建SAP系统中的用户界面、业务逻辑和数据处理。 本资源包包含了一系列ABAP的实例代码,涵盖了从基础到高级的各种...
SAP ABAP 开发环境和开发工具介绍 SAP ABAP 开发环境和开发工具是 SAP 系统中最重要的组件之一,它提供了一个强大的开发平台,允许开发者创建、测试和部署 ABAP 程序。ABAP 是 SAP 系统中的主要编程语言,用于开发...
ABAP(Advanced Business ...通过系统地学习和实践这些知识点,读者可以在三个月内建立起扎实的ABAP基础,为后续的SAP项目开发或系统维护工作做好准备。记得理论结合实践,不断编写和调试代码,以加深理解和提高技能。
ABAP 4.7引入了类和对象的概念,支持继承、封装和多态性,这使得代码可维护性和复用性大大提升。 5. 功能模块和库: 功能模块是预定义的程序单元,可以被其他程序调用。ABAP库则包含一组相关功能模块,用于特定的...
ABAP - Keyword Documentation This documentation describes the syntax and meaning of the keywords of the ABAP language and its object-oriented part ABAP Objects. Alongside this, language frameworks ...
ABAP,全称为Advanced Business Application Programming,是SAP公司开发的一种高级编程语言,主要用于构建企业级的业务应用程序。本资源包包含从入门到高级的ABAP学习材料,旨在帮助学习者在11天内掌握ABAP的基础,...
ABAP/4是一种高级业务应用程序编程语言,由SAP公司开发,主要用于构建企业级的业务应用系统。在SAP环境中,ABAP(全称为Advanced Business...通过深入学习和实践,开发者能够掌握构建高效、稳定的企业级SAP应用的能力。
从基础语法到高级概念,从传统的ABAP到面向对象和云计算的扩展,不断学习和实践将使你在ABAP的世界里游刃有余。通过深入研究这些知识点,并在实际项目中积累经验,你将成为一名出色的ABAP程序员。
在SAP系统中,ABAP调用ABAP Proxy是一种常见的技术操作,用于在不同系统间或者同一系统内的组件之间实现通信。ABAP Proxy是SAP提供的一个强大的接口技术,它允许开发者创建安全、高效的远程调用机制。接下来,我们将...
ABAP资料ABAP资料ABAP资料ABAP资料ABAP资料
ABAP(Advanced Business Application Programming)是SAP公司推出的一种编程语言,主要应用于SAP系统中的业务逻辑处理。...通过深入学习和实践,开发者能够掌握ABAP并有效地利用它来解决SAP系统中的各种业务问题。
11. **ABAP Test Cockpit (ATC)**:ATC是SAP提供的一个集成的代码检查工具,用于确保代码质量、遵循最佳实践,并符合公司编码标准。 12. **ABAP Development Tools (ADT)**:ADT是基于Eclipse的开发环境,提供现代...