- 博客(9)
- 收藏
- 关注
RSS订阅原创 vue-router按需加载组件
{ path: ‘/score’, component: () => import(’…/page/score/score’) }]原理：将component属性变成一个函数，就不会在项目启动时导入这个组件
2021-02-22 20:10:22
162
原创 前端工程化---6.webpack加载器--打包静态资源（图片/字体）
安装url-loader和file-loadernpm 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
148
原创 前端工程化---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
277
原创 前端工程化---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
186
原创 前端工程化---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.js4.运行npm run dev命令，重新进行打包在浏览器
2021-01-25 20:50:48
98
原创 前端工程化---2.webpack使用 实例、配置打包出入口
webpack初次使用示例—隔行变色li创建空白项目TestWebpack，并执行npm init -y命令，在项目中自动生成package.json文件在 项目根目录下新建src目录，并 在其中新建index.html输入ul>li{这是第$个li}并Tab。安装jQuery，npm install jquery -S在src目录下新建index.jsimport $ from 'jquery'$(function (){ $('li:odd').css('background'
2021-01-25 18:58:26
208
原创 前端工程化---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.jsconst presets = [["@babel/e
2021-01-25 13:22:47
113
原创 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
478
原创 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
1263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人