亚信第一天 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

亚信第一天 5-15相关推荐

算法竞赛入门经典第一节问题1-5
1. int型整数的最大值和最小值 // // Created by abner on 2022/7/22. // #include<stdio.h> int main(){int n=0 ...
苹果手机应用分身_【第一阶段B1】：苹果手机应用和疑问15例大纲、链接、汇总！...
大家好,第一阶段关于苹果手机生活应用和疑问15例已经更新完毕(当然,未来还会有第二阶段的更新).为了方便大家点击,我将更15例大纲和链接全部排列出来,方便大家查阅! 以下是第一阶段苹果手机15例链接汇 ...
Arduino学习笔记（1）：太极创客第一部分
Arduino学习笔记太极创客第一部分笔记 1-5 变量 1-6 程序结构 1-7 变量操作 1-8/1-9 程序函数 1-10/1-11 数字输出 1-12 面包板 1-13/1-14 数字输 ...
越狱第一和第二季（免费在线视频）
在网上发现的资源,经过测试,是可以看的,而且是SWF文件,所以看起来还算是比较舒服的(对网速不太快的人来讲).最近听说这个电影是相当的流行的啊!所以,大家都赶紧来看哦~ 第一季第1集:[url]htt ...
2021年金沙中学高考成绩查询,金沙第一中学2021年报考指南
金沙第一中学2021年报考指南的内容如下,对该校感兴味的同窗能够细致的看一下文章,便当你们更好的报考该校. 金沙一中2015年升格为省级二类示范性普通高中,依照市.县教育局统一部署,我校2021年秋季 ...
15年15个网站改变世界
1991年8月,互联网技术正式由军用转为民用 1991年8月,美国正式将互联网技术由军用转为民用,由此引发了全球互联网热潮,人类生活开始了天翻地覆的变化.本周出版的英国<观察家报>列出了在 ...
边城高级中学2021届高考成绩查询,湖南省花垣县边城高级中学2021届高三第二学期学科素养测试英语试题及答案.doc...
高三第二学期学科素养测试英语第二部分阅读理解(共两节,满分50分) 第一节(共15小题:每小题2.5分,满分37.5分) 阅读下列短文,从每题所给的A.B.C.D四个选项中选出最佳选项. A Thu ...
如何用最强模型BERT做NLP迁移学习？
作者 | 台湾大学网红教授李宏毅的三名爱徒来源 | 井森堡,不定期更新机器学习技术文并附上质量佳且可读性高的代码. 编辑 | Jane 谷歌此前发布的NLP模型BERT,在知乎.Reddit上都引起 ...
字节跳动这份面试题，你能打几分
最近这段时间,身边的一个朋友刚刚拿到字节跳动的offer,一起来复盘一下他的offer之路,希望能给正在看机会的你有所帮助. 这次面试总共经历了四轮,这四轮面试都是视频面试,其中前三轮是技术面试,最后 ...

亚信第一天 5-15

亚信第一天 5-15相关推荐

最新文章

热门文章