摘要:
git log 历史记录:git log命令显示从最近到最远的提交日志 按向下箭头继续查看 --pretty=oneline参数:如果嫌输出信息太多,看得眼花缭乱的,可以试试加上 你看到的一大串类似1094adb...的是commit id(版本号) 回退上一版本: $ git reset --ha 阅读全文
摘要:
当前目录下!! git init git remote add origin https://github.com/lucy3505/learning.git git checkout -b studyGit 本地创建新分支(-b)并切换到新分支(checkout) 左下角看分支 git add . 阅读全文
摘要:
1.vscode中git的配置 首先需要你的电脑上已经安装了git,且window电脑里git添加到环境变量中去了。 这样你的电脑就可以使用git了,但是想要在vccode中使用git还要配置git.path。 git.path是git中的一个exe文件路径,找到你的电脑git的安装目录,找到里面的 阅读全文
摘要:
JS 中的require 和 import 区别 在研究react和webpack的时候,经常看到在js文件中出现require,还有import,这两个都是为了JS模块化编程使用。CSS的是@import 1.ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出 阅读全文
摘要:
webpack之loader作用 loader是一种打包的方案,webpack默认只识别js结尾的文件,当遇到其他格式的文件后,webpack并不知道如何去处理。此时,我们可以定义一种规则,告诉webpack当他遇到某种格式的文件后,去求助于相应的loader。 打包静态资源 url-loader 阅读全文
摘要:
Resolve Webpack 在启动后会从配置的入口模块出发找出所有依赖的模块,Resolve 配置 Webpack 如何寻找模块所对应的文件。 Webpack 内置 JavaScript 模块化语法解析功能,默认会采用模块化标准里约定好的规则去寻找,但你也可以根据自己的需要修改默认的规则。 al 阅读全文
摘要:
要安装less-loader 还有less 模块 要在less里用背景图片,用了相对路径来引入图片 background: url(../assets/img/logo.png);,这时候会报无法解析图片 这是在webpack.config.js里要做设置 要用多个样式 样式里要给属性设置样式 例如 阅读全文
摘要:
path.resolve([...paths]) require.resolve __dirname __filename 阅读全文
摘要:
常用得plugins HtmlWebpackPlugin 这个插件的作用是依据一个简单的index.html模板,生成一个自动引用你打包后的JS文件的新index.html。这在每次生成的js文件名称不同时非常有用(比如添加了hash值)。 这个插件自动完成了我们之前手动做的一些事情,在正式使用之前 阅读全文
摘要:
插件(Plugins) 插件(Plugins)是用来拓展Webpack功能的,它们会在整个构建过程中生效,执行相关的任务。 Loaders和Plugins常常被弄混,但是他们其实是完全不同的东西,可以这么来说,loaders是在打包构建过程中用来处理源文件的(JSX,Scss,Less..),一次处 阅读全文
摘要:
正题:CSS预处理器 Sass 和 Less 之类的预处理器是对原生CSS的拓展,它们允许你使用类似于variables, nesting, mixins, inheritance等不存在于CSS中的特性来写CSS,CSS预处理器可以这些特殊类型的语句转化为浏览器可识别的CSS语句, 你现在可能都已 阅读全文
摘要:
回顾和感悟 1.直接把04的node_modules复制到05 省得下包,这时候package.json下其实是可以不用devDependencies:{"webpack":"^4.35"} 这个是npm i得时候下包用得 如果 你直接拉了需要得node_modules,不需要用npm i 命令 2 阅读全文
摘要:
感悟 把webpack得入口和出口地址进行变更,同时devServer里面contentBase得地址也要变更,这个地址是本地服务器所加载得页面所在得目录 webpack学习:如今这个目录下得webpack.config.js得配置如下 新内容:Babel Babel其实是一个编译JavaScrip 阅读全文
摘要:
回顾 06学了babel模块,并把babel模块配置拆成了.babelrc文件,webpack会自动去引用。然后把Greeter和main.js改成了react写法,babel模块引入得写法如下: 步骤 1.复制上一个文件夹得package.json 2.复制上一个文件夹得webpack.confi 阅读全文
摘要:
使用webpack构建本地服务器 想不想让你的浏览器监听你的代码的修改,并自动刷新显示修改后的结果,其实Webpack提供一个可选的本地开发服务器,这个本地服务器基于node.js构建,可以实现你想要的这些功能,不过它是一个单独的组件,在webpack中进行配置之前需要单独安装它作为项目依赖 dev 阅读全文
摘要:
回顾 1.原始方法 1.npm init 创建package.json 2.npm i webpack -D 3.webpack 入口文件地址(以package.json这层文件夹去找) -o 出口文件地址 --mode development 2.高级一点(webpack.config.js) 1 阅读全文
摘要:
通过配置文件来使用Webpack Webpack拥有很多其它的比较高级的功能(比如说本文后面会介绍的loaders和plugins),这些功能其实都可以通过命令行模式实现,但是正如前面提到的,这样不太方便且容易出错的,更好的办法是定义一个配置文件,这个配置文件其实也是一个简单的JavaScript模 阅读全文
摘要:
什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 安装 进到你的项目文件夹下 //全局安装 npm inst 阅读全文