摘要: 遇到问题 在运行一个比较旧的项目时,进行npm install构建,node-sass安装失败,构建直接报错 提示,缺少python2,按照正常思路,我们一般直接去搞一个python2,调个环境变量完事儿。 解决过程 认真看一下报错原因,我们会发现是node-sass/script/build.js 阅读全文
posted @ 2022-04-24 11:33 Wenfancy 阅读(165) 评论(0) 推荐(0) 编辑
摘要: XHR对象常用属性和方法 属性 readyState:HTTP 请求的状态 0 UNSENT,表示请求未发送 1 OPENED,请求准备发还未发 2 HEADERS_RECEIVED,请求已发送,但后台未收到 3 LOADING,后台正在接受,还未接收完成 4 DONE,表示已接受或本次接收失败 r 阅读全文
posted @ 2022-01-01 00:45 Wenfancy 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 什么是SourceMap? 当我们对项目进行打包时,经过一系列编译和转换,最终会形成生产环境的项目代码,并将此部署至线上。众所周知,生产环境代码和打包后的代码千差万别,当构建后的代码报错,如果没有SourceMap,很难将错误溯源至源代码,这对开发很不友好 SourceMap形成了源代码和构建后代码 阅读全文
posted @ 2021-11-08 11:38 Wenfancy 阅读(954) 评论(0) 推荐(1) 编辑
摘要: 原因 Webpack5已经废弃了url-loader、file-loader,使用后资源无法正常加载,图片无法正常显示 参考文档: https://webpack.docschina.org/migrate/5/#clean-up-configuration 解决方案 1.在use后添加type r 阅读全文
posted @ 2021-10-31 15:39 Wenfancy 阅读(1925) 评论(0) 推荐(0) 编辑
摘要: 项目目录 webpack.config.js中引入plugins 和loader不同的是,plugins多了一步引入 const { resolve } = require('path') //引入html-webpack-plugin const HtmlWebpackPlugin = requi 阅读全文
posted @ 2021-10-29 15:59 Wenfancy 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 1.创建webpack.config.js配置文件 webpack.config.js配置文件的作用: 当运行webpack指令时,会加载其中的配置 所有的构建工具都是基于Nodejs,模块化默认使用commonjs 2.配置架构 const {resolve} = require('path') 阅读全文
posted @ 2021-10-28 20:11 Wenfancy 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 安装完配置name/email $ git config --global user.name="..." $ git config --global user.email="..." 初始化git仓 $ git init 随后都隐藏$ 此时项目文件夹内生成.git隐藏文件夹 目录下 各层文件作用 阅读全文
posted @ 2021-10-18 19:45 Wenfancy 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 1.webpack安装 终端: npm i webpack -g npm i webpack-cli -g全局 2.项目打包 1.全局webpack 终端: webpack 默认寻找src文件夹下的index.js作为入口,没有则报错 src同目录下自动生成📂dist--main.js即为打包后的 阅读全文
posted @ 2021-10-17 11:32 Wenfancy 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 一.官网 英文官网: https://vuejs.org/ 中文官网: https://cn.vuejs.org/ 二.描述 动态构建用户界面的渐进式 JavaScript 框架 遵循 MVVM 编码简洁, 体积小, 运行效率高, 适合移动/PC端开发 它本身只关注 UI, 也可以引入其它第三方库开 阅读全文
posted @ 2021-10-11 21:55 Wenfancy 阅读(84) 评论(0) 推荐(0) 编辑