抱抱宝宝宝宝抱抱-优快云博客

原创 vue-router按需加载组件

{ path: ‘/score’, component: () => import(’…/page/score/score’) }] 原理：将component属性变成一个函数，就不会在项目启动时导入这个组件

2021-02-22 20:10:22 185

原创前端工程化---6.webpack加载器--打包静态资源（图片/字体）

安装url-loader和file-loader npm i url-loader file-loader -D 在 webpack.config.js 的 module -> rules 数组中，添加loader 规则如下; {test: /\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/, use: 'url-loader?limit=27151'} 其中?之后的是 loader的参数项。 limit用来指定图片的大小，单位是字节(byte),只有.

2021-01-26 20:40:22 177

原创前端工程化---4.webpack生成预览页面

起因配置好webpack之后，启动项目打开localhost:8080打开的是如下页面，需要点击下方的按钮才能打开对应页面原因项目在启动时，在根目录找不到index.html页面解决办法使用html-webpack-plugin插件进行配置运行npm install html-webpack-plugin -D命令，安装生成预览页面的插件修改webpack.config.js 文件头部区域，添加如下配置信息: //导入生成预览页面的插件，得到一个构造函数 const Htmlwebpa

2021-01-26 18:25:31 320

原创前端工程化---5.webpack加载器--自动打包css/less/scss文件

起因 webpack默认只能打包处理js文件（模块），而非.js结尾的模块webpack处理不了，需要调用loader加载器才能正常打包，否则将会报错。 Loader加载器 loader加载器可以协助webpack打包处理特定的文件模块，比如： less-loader可以打包处理.less相关的文件 sass-loader可以打包处理.scss相关的文件 url-loader可以打包处理css中与url相关的文件 loader调用过程 css-loader 在index.js文件中引入css文件，发现

2021-01-26 17:56:25 221

原创前端工程化---3.webpack自动打包

1.运行 npm install webpack-dev-server -D命令，安装支持项目自动打包的工具修改2.package.json -> scripts 中的dev命令如下: "scripts" : { "dev" : "webpack-dev-server" // script 节点下的脚本，可以通过npm run执行 } 3.将src -> index.html中，script脚本的引用路径，修改为/buldle.js 4.运行npm run dev命令，重新进行打包在浏览器

2021-01-25 20:50:48 117

原创前端工程化---2.webpack使用实例、配置打包出入口

webpack初次使用示例—隔行变色li 创建空白项目TestWebpack，并执行npm init -y命令，在项目中自动生成package.json文件在项目根目录下新建src目录，并在其中新建index.html输入ul>li{这是第$个li}并Tab。安装jQuery，npm install jquery -S 在src目录下新建index.js import $ from 'jquery' $(function (){ $('li:odd').css('background'

2021-01-25 18:58:26 236

原创前端工程化---1.babel定义与初次配置

babel: 是一个第三方插件是一个语法转换工具将高级/有兼容性的script代码转化为低级/没有兼容性的JS代码配置babel 安装 npm install --save -dev @babel/core @babel/cli @babel/preset-env @babel/node 安装babel插件 npm install --save @babel/polyfill 在项目根目录创建文件babel.config.js const presets = [["@babel/e

2021-01-25 13:22:47 134

原创 RN环境搭建测试时报错Please accept all necessary SDK licenses using SDK Manager: “$ANDROID_HOME/tools/bin/sdkm

这个问题在于只安装完AndroidSDK后在tools/bin目录下找不到sdkmanager.bat文件，看别人的文章说从emulator文件夹下拷贝过去，但是我这个emulator文件夹也没有。解决办法：用管理员身份打开根目录下的SDK Manager.exe，把最上边的Android SDK Tools和Android SDK Platform-tools 29.0.5安装上应该就好了。我是顺手还把以下这帮东西都装上了，然后就有了。问题解决。 ...

2021-01-24 10:48:52 517

原创 React Native环境搭建测试时报错Make sure you have the Android development environment set up

检查环境发现都没问题，使用adb devices检查设备发现依然没有问题，可还是报 Make sure you have the Android development environment set up，最后排查了一个晚上终于发现我的小米手机上虽然打开了USB调试，但是下边两个没有打开，所以就一直拒绝，(lll￢ω￢) 然后终于成功了 ...

2021-01-24 10:36:44 1316

weixin_40820100的博客