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