1. 概述 生产环境和开发环境所需依赖是不同: --开发依赖:就是开发中用到而发布时用不到的.在package.json里面对应的就是devDependencies下面相关配置. --生产依赖: 就是比如我们的javascript使用了jquery,而我们最终的程序也需要这个包(最终程序正常运行需要的).这个包就在package.json下的dependencies中. 2. npm安装方式对比 假如我们要在项目中使用jquery库.采用(2.1~2.3三种方式) 2.1 全局安装 npm in…

在webpack1或者webpack2版本中,若想在webpack环境中加载Json文件,则需要加载一个json-loader的loader进来的.但是在webpack3.x版本中,则不需要在另外引入了,也可使用Json. 下面以webpack3.x为例来说明在webpack中如何使用json.(主要是读取Json内容) 1. webpack中如何使用json 第一步:创建json数据 在根目录下新建一个config.json文件,里面新增如下内容: { "name": "w…

1.优化第一步--选用引入方式 在前面的学习中我们对于如何引入第三方类库(Jquery)推荐了两种方式,第一种是import引入的方式,第二种是ProvidePlugin插件.那两种引入方法有什么区别那? import引入方法:引用后不管你在代码中使用不使用该类库,都会把该类库打包起来,这样有时就会让代码产生冗余.(引用即打包) ProvidePlugin引入方法:引用后只有在类库使用时,才按需进行打包,所以建议在工作使用插件的方式进行引入. (按需打包) 因此在日常开发中选用ProvidePl…

在日常的开发中,总避免不了引入第三方的框架,比如常用的JQuery,此节我们来学习一下如何优雅并正确的用webpack引入第三方库. 这里我们以第三方框架JQuery为例: 1.在入口文件中引入 1.1  安装JQuery npm install --save jquery 由于Jquery最终要在生产环境中使用,所以要使用–save进行安装. 1.2 在入口文件(entry.js)中引入 安装好后,我们使用import引入到entry.js文件中. import $ from 'jquery'…

工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源(比如设计图.开发文档),这些静态资源有可能是文档,也有可能是一些额外的图片,而在打包时保留这些静态资源,直接打包到指定文件夹中.此时就需要使用到copy-webpack-plugin这个插件了. copy-webpack-plugin:静态资源转移的插件. 1.copy-webpack-plugin的使用 1.1 静态资源 在src目录下,新建一个存放静态资源的文件夹public(假设里面有大量的静态资源(图片.文件等)) 1.…

在前面的学习中,我们一直使用webpack-dev-server充当(本地)服务器和完成打包任务,但是当出项目团队联合开发,共同使用一个服务器时,这时候我们需要实时进行打包以确保团队间能进行联调或者进行相关代码的合并工作时,每次保存后手动打包显然效率太低,我们需要的是代码发生变化后,只要保存,webpack自动为我们进行打包.这就得谈到本节中说到的watch工具了. 因为watch是webpack自带的插件,所以我们只需要配置就行了. 1.直接进行使用 1.1  修改我们的package.jso…

搞个小例子便于学习: 具体操作为把上节中的webpack.config.js中的entry入口文件进行模块化设置,单独拿出来制作成一个模块. 1.在根目录新建一个config文件,然后新建webpack.entry.js文件,代码如下: webpack.entry.js: //声明entry变量 const entry ={}; //声明路径属性 entry.path={ entry:'./src/entry.js' } //进行模块化 module.exports =entry; 2.entr…

生产环境和开发环境的配置目标不一样,生产环境主要是让文件压缩得更小,更优化资源,改善加载时间. 而开发环境,主要是要开发更方便,更节省时间,比如调试比如自动刷新. 所以可以分开配置不同的开发环境,然后需要哪种用哪种. 配置流程实践记录: 新建项目文件夹 demo 初始化 npm init 安装 webpack 和 webpack-cli npm install --save-dev webpack webpack-cli 4.建立一个源代码文件夹src,打包文件夹dist.并在src中建立一个i…

Maven Filter与Profile隔离生产环境与开发环境 在不同的开发阶段,我们一般用到不同的环境,开发阶段使用开发环境的一套东西,测试环境使用测试环境的东西,可能有多个测试环境,生产环境使用的是另外一套,生产环境要求是最严格的. 不同环境,所需要的服务器地址,数据库,缓存,配置中心等配置一般不同,如果每次切换环境都要手动修改,那就太麻烦了,好在使用Maven可以帮我们做这些事情. 介绍 Filter: 过滤,一般配合maven resource插件使用,可以替换maven资源目录下的文本…

通过Maven配置测试环境和开发环境连接不同的数据库   作者及来源: 通灵宝玉 - 博客园    收藏到→_→: 此文来自: 马开东博客 网址:http://www.makaidong.com   摘要: 通过Maven配置测试环境和开发环境连接不同的数据库         "通过Maven配置测试环境和开发环境连接不同的数据库":关键词:通过 maven 配置 测试 环境 开发 环境 连接 不同 其他数据库 通过maven配置测试环境和开发环境连接不同的其他数据库 操作上分3个步骤…

1.1  JDK 安装 JDK 的配置,初学java 开发,那是必须会的. 下载,遇到的问题就是要注册oracle 的账号,还有你要下载特定版本,比如jdk 1.7,jdk 1.6,很难找到在哪里.解决方案在这里:http://jdk.java.net/java-se-ri/7 ,直接选择对应的版本下载即可. 安装:不要使用exe 那种安装方式,直接使用zip 包的方式,解压到c盘,比如笔者目录C:\jdk1.8.0_101. 配置java home 配置classpath .;%JAVA_HO…

开发环境就是在开发过程中为了方便配置的环境,生产环境就是开发完成即将上线的情况. 好了,说了句废话,切入正题. 在开发时,打包后的文件压缩成一团,报错调试的时候傻眼了有木有?每次做出修改需要到浏览器查看效果的时候,都要手动npx webpack或者npm run build手动进行打包,耗时又费劲有木有? 用几个工具配置开发环境(不能用于生产环境)解决这个问题: source map source map 可以将编译后的代码映射回原始源代码 截个官方图: 更多查看这里 具体用法: webpack…

sourceMap 实际应用开发过程中大部分时间都是处于开发模式中,其中需要频繁的修改代码.调试和打包. 但是打包后的代码多个模块压缩到了一个bundle文件,如果出现警告或者异常很难定位到具体模块和位置,所以webpack提供了source map的配置 devtool, 该配置可选且具有多个配置项 ,具体包含以下: devtool 构建速度 重新构建速度 生产环境 品质(quality) (none) +++ +++ yes 打包后的代码 eval +++ +++ no 生成后的代码 che…

在根目录下创建两个文件,这样的好处在于不用手动去书写判断环境替换路径代码 .env.development(开发) .env.production(生产) 内容: 必须是VUE_APP前缀开头,这样webpack可以运行或者打包时候,会将其集成到process.env中 如: 1 // .env.development中 地址都是瞎写的 2 VUE_APP_BASE_URL = '192.168.0.0:8080' 3 4 5 // .env.production中 6 VUE_APP_BASE…

webpack是一个现代JavaScript应用程序的静态模块打包器,借用官网的一张图,它能够将一些预处理语言,js的最新语法转换成浏览器识别的内容.现在一般的前端框架都有比较成熟的脚手架,大多数对webpack都有个较好的集成,我们只需要敲一些简单的命令就能生成一个通用的项目模板,比较便捷,但是要知其然知其所以然,所以今天就尝试着从零开始搭建一个前端开发环境. 项目源码: https://github.com/gerryli0214/webpack-demo webpack的四个核心概念: 1…

回顾一下spring boot使用基础,做个笔记. 通过配置文件,设置项目的开发环境和生成环境. 项目目录结构: application-dev.yml是开发环境配置文件,application-prod.yml是生产环境配置文件,内容如下所示: 1.application-dev.yml server: port: 8081 context-path: /demo tag: 12 user: name1: mist-dev password: 123 2.application.prod.ym…

(一)搭建开发环境 学习资料:<Activiti实战> 第一章 认识Activiti 2.1 下载Activiti 官网:http://activiti.org/download.html 入下载页后,可以看到最新版本的压缩包.快速入门.用户手册.javadoc等.我下载的时候,最新版本是activiti-5.22.0.zip. 目录结构: database: 包含了activiti表的创建.删除及版本升级三种类型的脚本. 创建和删除脚本的命名规则:activiti.[oracle|postg…

1. 话不多少 先上代码:  route.js  // 引用模板 分模块编译 const main = r => require.ensure([], () => r(require('../page/main.vue')), 'main') const home = r => require.ensure([], () => r(require('../page/main.home.vue')), 'home') const userSpace = r => require…

Flask是一个使用 Python 编写的轻量级 Web 应用框架.其 WSGI 工具箱采用 Werkzeug ,模板引擎则使用 Jinja2.很多功能的实现都参考了django框架.由于项目需要,在此记录下学习的过程及心得. 工欲善其事,必先利其器.就从搭建一套flask开发环境开始flask之旅吧. 一.平台说明 操作系统:window 7  64bit  数据库:mysql5.6  python:v2.7  开发集成软件:PyCharm5.0 二.开发环境搭建 1.安装flask框架包 1…

PS:因为所有的设计模式都是基于面向对象来完成的,所以在讲解设计模式之前先来过一下面向对象都有哪些知识点 搭建开发环境 初始化npm环境 下载安装nodejs安装即可,nodejs自带npm管理包,然后使用下面命令检查node和npm的版本 创建项目的文件夹,然后再项目目录下使用npm init --yes生成package.json文件 安装webpack和配置webpack 在项目目录下,使用如下命令进行安装 npm install --save-dev webpack npm instal…

学习资料:<Activiti实战> 第一章 搭建Activiti开发环境及简单示例 2.5 简单流程图及其执行过程 (1)leave.bpmn 后缀名必须是bpmn.安装了activiti的插件(eclipse:activiti designer,intellij:actiBPM)后,就可以用设计器的形式进行流程的绘制. 注意:在activiti部署的时候,必须同时存在leave.bpmn及leave.png.因此在eclipse设置:window—>preferences—>ac…

通过修改yml文件里的active属性,prod(生产环境) 与 dev (开发环境)…

初探webpack之搭建Vue开发环境 平时我们可以用vue-cli很方便地搭建Vue的开发环境,vue-cli确实是个好东西,让我们不需要关心webpack等一些繁杂的配置,然后直接开始写业务代码,但这会造成我们过度依赖vue-cli,忽视了webpack的重要性,当遇到一些特殊场景时候,例如Vue多入口的配置.优化项目的打包速度等等时可能会无从下手.当然现在才开始学习vue2 + webpack可能有点晚,毕竟现在都在考虑转移到vue3 + vite了哈哈. 描述 文中相关的代码都在http…

上篇文章中我们搭建了kafka的服务器,并可以使用Kafka的命令行工具创建topic,发送和接收消息.下面我们来搭建kafka的开发环境.   添加依赖   搭建开发环境需要引入kafka的jar包,一种方式是将Kafka安装包中lib下的jar包加入到项目的classpath中,这种比较简单了.不过我们使用另一种更加流行的方式:使用maven管理jar包依赖. 创建好maven项目后,在pom.xml中添加以下依赖: <dependency> <groupId> org.apa…

前言 上一节让我们对Node.js有一个初步的了解,那么现在可以开始正式学习下Node.js的开发了,但是任何一门语言要设计到开发,就必须先学习开发环境以及调试.本文将主要讲解这些内容. 本文涉及到的代码全部可在github地址找到>>>node 代码 安装 点击查看>>>node 中文官网地址 [版本选择] 看图发现包含两种版本:长期支持的稳定版本 以及 当前发布版(包含很多最新的特性) 安装的过程就省略了... 开发环境 那么我们如果想要开发一个node程序,需要什…

开发环境: VMware虚拟机 Ubuntu18.04 python3.6 (由于对vi操作水平有限,所以大部分都用的gedit进行文件编辑) 换源: 刚装上系统后换了好几个源,就清华源感觉好使点,别的源apt-get安装东西老是失败 1.2.5 PhantomJS的安装:PhantomJS报错warnings.warn('Selenium support for PhantomJS has been deprecated, please use headless ' 1.3.4 tessero…

第一步:设置不同的接口地址 找到文件:/config/dev.env.js 代码修改为: var merge = require('webpack-merge') var prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', //添加 API_ROOT: '"//192.168.1.8/api"' }) /config/prod.env…

上篇文章中我们搭建了kafka的服务器,并可以使用Kafka的命令行工具创建topic,发送和接收消息.下面我们来搭建kafka的开发环境.   添加依赖   搭建开发环境需要引入kafka的jar包,一种方式是将Kafka安装包中lib下的jar包加入到项目的classpath中,这种比较简单了.不过我们使用另一种更加流行的方式:使用maven管理jar包依赖. 创建好maven项目后,在pom.xml中添加以下依赖:   <dependency> <groupId>org.ap…

1.将开发环境.测试环境.生产环境的配置文件分开存放,如下图: 2.在Maven中配置不同的环境打包配置文件的路径,配置如下: <profiles> <profile> <!-- 开发环境 --> <id>dev</id> <properties> <env>dev</env> </properties> <activation> <!-- 默认激活该profile节点-->…

0. Java简介: 1990年Sun公司预料嵌入式系统将在未来家用电器领域大显生手, 于是成立了一个由James Gosling领导的"Green计划"(首席科学家Bill Joy),准备为下一代智能家电编写一个通用控制系统,他们最初考录使用C++但是因为许多诸如: C++ 太复杂, 缺少垃圾回收系统, 可移植性,分布式和多线程等,最终他们决定从新创造一种全新的语言: Oak 1992年夏天, Green计划被转化成"FirstPerson有限公司", 一个Sun…