摘要:每次修改都要去编译,这个操作比较繁琐。所以我们希望编译过程是自动化的,而且页面的更新也是自动化的。所以需要使用这个热替换 1.首先安装webpack-dev-server:npm install webpack-dev-server -D(-D生产环境下) (作用为:启动服务并且能够支持热替换) 2 阅读全文
posted @ 2019-10-09 13:51 ahaMOMO 阅读 (19) 评论 (0) 编辑
摘要:(注:如无特殊说明这里的配置文件都指的是webpack.config.js) minCssExtract 我们通常期望js和js文件一起,css和css文件一起。该插件将CSS提取到单独的文件中。它为每个包含CSS的JS文件创建一个CSS文件。它支持CSS和SourceMap的按需加载。 1.安装组 阅读全文
posted @ 2019-10-09 13:43 ahaMOMO 阅读 (21) 评论 (0) 编辑
摘要:loader是webpack用来预处理源文件的,比如typesrcipt形式的文件最终都得转成浏览器可以执行的js文件 (注:以下的配置代码不一定与下方一摸一样,具体与官网上https://webpack.docschina.org/loaders/的为准,如无一般说明配置文件都指的是webpack 阅读全文
posted @ 2019-10-09 12:24 ahaMOMO 阅读 (21) 评论 (0) 编辑
摘要:1.查看node.js版本、npm版本和webpack版本(使用webpack4时,请确保node.js的版本>=8.9.4) 2.我先重新卸载了webpack和webpack-cli(全局) npm uninstall -g webpack-cli npm uninstall -g webpack 阅读全文
posted @ 2019-10-08 13:35 ahaMOMO 阅读 (57) 评论 (0) 编辑
摘要:以下例子基于分四栏+栏间有间距的例子分析 效果图: html代码: 1.最简单粗暴的方式就是通过固定值+margin去计算 首先我先固定了最外层的宽度为1200px;(这里为1202px宽度是因为我加了一个红边框方便观察,最后页面显示的时候要记得把border去掉并且宽度改为1200px) .buy 阅读全文
posted @ 2019-09-15 11:53 ahaMOMO 阅读 (63) 评论 (0) 编辑
摘要:1.首先去Bootstrap官网https://getbootstrap.com/上下载Bootstrap 的最新版本 对应的中文页面如下: 下载自己所需要的版本(目前我自己下载的是编译的css和js) 下载完成之后,你将会看到很多压缩了的css和js文件 2.之后就可以在页面中引入 jquery. 阅读全文
posted @ 2019-09-15 11:22 ahaMOMO 阅读 (20) 评论 (0) 编辑
摘要:1.先确保安装了最新版的Node.js和NPM,并已经了解NPM的基本用法 (以下使用cmd命令行进行) 2.安装webpack (1)全局安装 $ npm install webpack -g (1)局部安装 我并不喜欢全局安装这种方式,因为并不是所有的项目都需要webpack的。通常我们会将 W 阅读全文
posted @ 2019-08-18 16:41 ahaMOMO 阅读 (128) 评论 (0) 编辑
摘要:1.打开终端,输入初始化代码。输入代码之后会在目录中出现package.json,可以在红色下划线上写上作者名和描述(不写也可以) npm init -y 2.安装Babel转换器 npm install -g babel-cli 3.安装打包(es5) npm install --save-dev 阅读全文
posted @ 2019-07-14 20:51 ahaMOMO 阅读 (401) 评论 (1) 编辑
摘要:ctrl+c >git结束输入工作区(Working Directory) >电脑里能看到的目录版本库(Repository) >工作区有一个隐藏目录.git,这个不算工作区,而是Git的版本库(有暂存区和分支) git init >初始化本地仓库 git add <file> >添加文件到Git本 阅读全文
posted @ 2019-07-06 09:19 ahaMOMO 阅读 (32) 评论 (1) 编辑