react-hot-loader不生效 情况:按照官网的教程都配置了一遍,但是不生效。解决方案:需要在webpack中配置 target:‘web’注意:千万不能用target:[‘web’] 这种写法。这种写法也有问题。
速学webpack(四)--实战配置案列 1.Library打包针对于写库的打包。const HtmlWebpackPlugin = require('html-webpack-plugin');const { CleanWebpackPlugin } = require('clean-webpack-plugin');const path=require('path')module.exports={ mode:'production', entry:'./src/index.js', externals:{
速学webpack(三)--webpack核心概念 1.Tree Shaking官网详细教程概念:中文翻译就是摇树,把不需要的叶子都摇下来。具体在代码中指的是,把没有使用到的模块在打包的时候去除掉。限制:仅支持es6( impor export)的语法。详细配置:package.json配置:这里代表的就是@babel/polyfill和css文件不需要使用Tree Shaking。如果没有就配置成“sideEffects”:falsewebpack.config.js配置:2.生成环境与开发环境分别配置针对项目在不同环境下进行
速学webpack(二)--核心常用配置 1.loaders是啥?官网介绍loaders:loaders是为了打包不是js的文件。针对于不同的文件做不同的配置。2.图片处理file-loader官网教程需要安装一个loader:npm install file-loader -D具体配置:番外:类似于file-loader的一个->url-loader作用:把图片转换成base64,直接放在js中。不用额外使用http去获取图片。url-loader官网教程3.css处理style/css-loader官网
webpack5.0 使用webpack-dev-server时,无法自动刷新页面。 问题:根据webpack官网,进行一样的配置,但是在修改js文件后,html页面缺无法刷新。解决:添加配置:target: ‘web’启动命令:webpack serve --inline --content-base --hot --open Chrome.exe完整配置:
速学Webpack(一)--基础教程篇 1.Webpack是什么?webpack是一个功能强大的模块打包工具。可以处理各种各样的文件。2.什么是模块化打包工具?就是把各个模块打包在一起。可以识别各种各样的模块化规范。例如:amd,cmd,commondjs,es6。webpack官方介绍模块化相关api3.安装Webpack1.第一步:安装node环境:官网地址2.选择一个文件夹,执行npm init。来创建一个符合webpack的项目。完成后,生成一个package.json的文件。3.webpack安装命令:
webpack 4.x打包:静态文件使用相对路径(解决:静态文件找不到目录,静态资源找不到的情况,自定义路径) 问题:如图所示找不到文件。解决: package.josn中+ “homepage”:"./"过程如下:在网上找了无数帖子,发现都需要修改webpack.config.js文件里面的publicPath。但是没有效果。万般无奈的情况下,看了一下执行打包命令后的控制台。发现眼睛是个好东西,需要好好利用。抱着试一试的感觉.重新编译下:npm run build查看打包后的index.html完美解决!...
es6查找数组中的值 <script> var arr=[1,2,3] //array.filter满足条件的所有值 var find=arr.filter(item=>{ return item==2 }) //array.find找到满足条件的第一个值 var find=arr.find(item=>{ return item==2 }) //array.f...
js生成数组的方法 var arr=new Array(5) var arr=["",""] var arr=Array.of(1,2,3,4) var arr=Array(5).fill(1)//Arrar.file(value,start,end) var arr=Array.from("123") console.log(arr);
你可能不知道的--es5遍历数组的几种方法 <script> const arr=[1,2,3,4,5] //第一种 for(let i=0;i<arr.length;i++){ // console.log(arr[i]) } //第二种 forEach 不能使用continue/break arr.forEach(item => { //consol...
android 广播的使用(静态/动态注册/系统广播/自定义广播) 接收方注册 @Override protected void onStart() { super.onStart(); IntentFilter filter=new IntentFilter("xxx"); LocalBroadcastManager .getInstance(this) .regis...
git命令精简篇 常用git命令git clone https://e.coding.net/tothethousand/xx.git(克隆远程仓库)git add .(提交到暂存区)git commit -m “first commit”(暂存区里的改动给提交到本地的版本库)git push -u origin master(提交给远程仓库)git status(查看当前状态)git diff (查看...
android studio找不到真机设备 问题:之前打开android studio能找到真机,结果后来某一次找不到,一度怀疑是手机问题。。。。。结果打开控制到看到 adb运行有问题解决:结果是因为鲁大师(360)一类软件会占用adb的默认端口,用任务管理器清理到就好了...
了解http协议 HTTP1.超文本传输协议(HTTP)是一种通信协议,它允许将超文本标记语言(HTML)文档从Web服务器传输到客户端的浏览器上2.HTTP是一个属于应用层的面向对象的协议,由于其简介,快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和发展web1.WEB是一种基于超文本和HTTP的,全球性的,动态交互的,跨平台的分布式图形信息系统2.建立...
JavaScript深浅拷贝原理 1.赋值首先应当知道:基本数据类型:赋值,赋值之后两个变量互不影响(字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol)引用数据类型:赋址,两个变量具有相同的引用,指向同一个对象,相互之间有影响(对象(Object)、数组(Array)、函数(Function))对基本类型进行赋值操作,两个变量互不影响。...
JavaScript防抖与节流 防抖:防止一个函数在一段事件内疯狂执行场景:1.搜索框input事件2.鼠标移动mousemove事件3.视窗大小变化resize事件原理:不希望一个事件在短时间内执行多次,所以设置一个定时器,在一段时间后才执行,在定时器的时间内有触发时间了,就取消上一个事件的定时器,避免上次事件发生,然后又重新设置了一个新的定时器。<script> function deboun...
ES6字符串的解构赋值 <script> //1.字符串的结构赋值 var str='i am robot ha ha ha' var [a,b,c,...oth]=str //a=i;b=an;c=robot oth=后面的每个字符,包括空格 var [...str1]=str var str2=str.split('') var str3=[...str]/...