亚信第一天 5-15

webpack 入门教程 http://www.jianshu.com/p/4df92c335617

 

整体目录结构
lib - 使用nodejs laydate
git
.bat 安装脚本 打包
.sh
page.json 整体配置
server.js 开发服务器配置

webpack-模块化划分及代码组织

使用npm自动化管理
npm的使用 - node的包管理工具
www.npmjs.com

package.json - 进行配置管理
内容是一段json数据:main-入口文件

server.js - 配置发布接口和本地测试接口
主要配置:webpack-dev-server

npm install
npm start

babel 作用?
-core
-loader
-preset-es2015
-preset-react
-css-loader webpack加载器,用来处理css代码
-echarts
-exports-loader 处理不符合commonjs的代码


使用webpack
各种插件的作用?
UglifyJsPlugin
CommonsChunkPlugin
CleanWebpackPlugin文件的清理

entry的配置:配置入口文件/模块
resolve:解析
extensions-引用 js jsx
alias:别名,引用一些其他模块,将路径用一个别名替代映射。如第三方的laydate
output:配置输出
打包到什么路径,打包成什么名称
chunkhash-前端静态资源发布的一种解决方案

loaders:处理各种资源,css js jsx 图片
test-检测哪些文件
babelLoaderHot-热插拔,代码中有修改,直接在页面中呈现
urlLoader - 图片处理 iamge会向后端请求,所以压缩成base64了。
大于一定阀值的图片才向后端请求
exportLoader - 处理一些老的第三方组件

plugins:web的处理,代码的压缩 混淆
UglifyJsPlugin-
ExtractTextPlugin-
definePlugin-判断当前所处环境

=========================================
组件:
datagrid中分页引用的就是pagetool



 

 

 

 

 

 

 

 


转载于:https://www.cnblogs.com/cndotabestdota/p/6856544.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/468589.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

哦,瞧那,无能的悲观主义者---无能者的独唱

摘自网易云评论区 C语言中,反斜杠无法直接输出,需要在前面再加一个反斜杠标识出来才可以。如果,你是一个注定要被输出的反斜杠,那么我愿意成为那个在你之前的隐姓埋名的反斜杠。 “我所有的自负皆来自我的自卑,所有的…

长亭php反序列化防护_CTF-攻防世界-Web_php_unserialize(PHP反序列化)

题目解题过程PHP反序列化的一道题,从代码看出flage在fl4g.php这个文件里面,Demo类的构造方法可以传入文件名。把Demo的代码贴到本地做一下序列化classDemo {private $file index.php;public function __construct($file) {$this->file $file;}funct…

在深圳转户口这件小事

我对于政策这种事情是比较感冒的,比如老师说不能去外面上网,我是绝不会偷偷跑出去的,来深圳的第一年,我就想着办理户口了,第一次机会是在 TCL 的时候,人事部门有专门给我们办理转深户的,不过那时…

高程(三)笔记---- 第三章

一、有3个函数可以把非数值转换为数值:Number()、parseInt()、parseFloat() Number():可以用于任何数据类型,用法-----------Number(true) parseInt():把字符串转换为整型数值,用法---------parseInt("123") parseFloat():把字符串…

CPU 和 GPU

端午回来,发的第一篇文章,还在谋划其他事情,大家共勉。现在电脑这么普及,应该每个人都知道 CPU ,即使不懂电脑的人都能憋出大招告诉你电脑里面有一个 CPU,CPU 是中央处理器,是很多很多年积累下来…

mysqlierror php_php操作mysqli(示例代码)

php操作mysqli(示例代码)更新时间:2013年10月28日 08:56:20 作者:php操作mysqli的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助define("MYSQL_OPEN_LOGS",true);class mysqliHelp{private $db;public function __cons…

React Native - 3 View, Text简介以及onPress onLongPress事件

我们要生成如下的构图 直接上图,不解释。如下图所示,定义函数,函数之间不需要逗号,在元素上添加事件,使用关键字this.{function name}转载于:https://www.cnblogs.com/yahb/p/6864382.html

创业日记

最近在拼命的写代码,估计这段时间写代码的行数等于过去一年的了,这是保守估计,如果不保守估计就不好说了,我本来想在原来的小组群里发话说,打算是下面这段对话我:X总,你站起来X总:为…

线程基础知识_线程生命周期_从JVM内存结构看多线程下的共享资源

线程生命周期 线程状态 New: 线程创建(new Thread()) Runnable: 线程可运行(thread.start()), 注: 调用start并不一定是运行状态, 可能在等待CPU调度 Running: 线程进入运行状态 Blocked: 阻塞状态(object.wait, Thread.sleep) Terminal: 死亡状态(线程正常/非正常结束运行)th…

centos查看网络速率_CentOS 7查看网络带宽使用情况

最近装Openshift,需要下载大量的镜像,想看看他们的带宽使用情况。nload这确实是非常好用的工具,我也是刚刚知道。直接yum install就可以。使用也很简单,直接启动就可以,当然你也是可以加入参数,指定网卡。默…

CPU,内核,寄存器,缓存,RAM,ROM的知识

偷偷说一下,这个图片是晚上 8 点钟的太阳,一个骚男华为总工发给我的,有时间还是想出去走走很多人使用计算机,但是对计算机却不是很懂,即使是作为非常资深的码农,也不能做到心中有剑的地步,那么怎…

swift中为什么要创造出可选型?

(1)因为nil这个东西,swift中没有就是没有。 Int? 叫 整型可选型,如果不提前声明,直接赋值变量 nil会报错 。 可以将Int赋值给Int? ,但是不能将Int?赋值给Int 。 (2)不能将 普通…

mft按钮设计_哈汽机组660MW超临界空冷机组ETS设计及逻辑说明

点击上方“火力发电集控运行”关注公众号,加微信号:jikonglingmi,备注:集控运行,拉你入集控运行技术交流群,共同学习、共同进步。更多学习题库,请进入首页菜单选择一、 基本设计思想1、既防拒动…

JVM运行参数_JVM内存模型_常用内存分析工具

JVM运行参数 常见标准参数 -showversion: 显示当前JVM版本等信息-D设置系统属性参数: /*** 测试* author regotto*/ public class JvmTest {public static void main(String[] args) {//获取系统参数String str System.getProperty("str");System.out.println(st…

2019 年入门AI算法工程师,你需要掌握什么技能?

一篇推文,感兴趣的同学可以了解一下,有需要请继续往下阅读,没有需要的打扰各位金主了-----人工智能与自然语言处理/计算机视觉课培训招生Artificial Intelligence ForNLP/CV Courses真实企业级项目驱动找工作拿不到offer全额退款GitHub年度活…

腾讯云安全组规则导出

规则协议 端口 来源 策略 备注 TCP 23232,23235,23236,23240,21101 0.0.0.0/0 允许 TCP 28000-28040 0.0.0.0/0 允许 TCP 23241,23242,23240 0.0.0.0/0 允许 TCP 6000-7000 0.0.0.0/0 允许 ALL ALL 122.152.196.158 允许 ALL ALL 10.0.0.213 允许 ALL ALL 10.0.0.2 允许 ALL AL…

python循环套循环_零基础学python 14 循环套循环:循环的嵌套

大家可以回忆一下,之前我们学习过的循环结构。也就是for循环结构,今后我们还将学习另一种循环结构while结构,这里先不细讲。当初我们学习for循环结构的时候,有心的同学或许会发现,我们的for结构一般都是单独写单独出现…

Java常见GC算法_垃圾收集器及内存分配_G1垃圾收集器

常见GC算法 引用计数法: 每个对象都有一个计数器, 对象被引用一次, 计数器1, 当对象引用失败一次. 计数器-1, 当对象计数器等于0, 说明对象没有被应用, 就可GC 优: 运行过程中, 可随时检查对象计数器, 进行GC, 且GC过程, 应用无需暂停, 执行速度快(单个对象GC不会影响其他对…

是应该有点兴奋剂刺激下

不知道你有没有发现一个问题,发现身边的很多人工资很高,但是好像总还是缺点什么,总是对生活提不起兴趣,似乎对任何事情都失去热情,每天拿着手机,点来点去,每天都在抱怨,每天都好像在…

你应该知道为什么需要内核

不知道大家想过这个问题没有?为什么要有内核?如果没有内核有怎么样呢?因为有了 unix 内核,有了 minix 后面又有了 Linux 内核,内核这个思想越来越根深蒂固,估计没学什么计算机知识的人都能侃出点所以然来。…