随笔分类 -  gulp&webPack

import xxx from 和 import {xxx} from的区别
摘要：1.vue import FunName from ‘../xxx’ 1.js export defualt function FunName() { return fetch({ url: '/article/list', method: 'get' }); } 2.vue import {xxx 阅读全文
posted @ 2018-02-02 16:27 正举 阅读(1309) 评论(0) 推荐(0)
gulp配合vue压缩代码格式化
摘要：实际项目就是一个单页面。因此，我觉得用gulp足够，并且不需要webpack和vue-cli因为没有必要使用组件。 先来说一下项目结构 1. 然后来看看我的包管理package.json都用了啥，你也可以复制下来，npm install进行安装就行了。 然后是我的gulpfile.js配置 内容不多 阅读全文
posted @ 2017-08-21 20:56 正举 阅读(4285) 评论(0) 推荐(0)
gulp-babel，es6转es5
摘要：在项目根路径创建文件 .babelrc。内容为 就在刚刚安装好了以后，发现除了一个错误 不知啥时候，他必须要配合这个东西才能用，于是我有npm install --save-dev babel-core就好了。 还有那个gulp配置的地方，地址要加上根目录不然也会报错。 阅读全文
posted @ 2017-08-15 13:34 正举 阅读(828) 评论(0) 推荐(0)
gulp-基本功能总汇
摘要：研究了三天的gulp，今天做一个结束吧。 本次包含的功能有： html压缩 图片压缩 css压缩 js检测 js压缩 文件合并 文件更名 提示信息 编译less 创建服务器-浏览器实时刷新 因为我安装的是马云爸爸提供的cnpm所以，我的cmd命令都是cnpm开始的。 cnpm install gul 阅读全文
posted @ 2017-02-10 14:43 正举 阅读(338) 评论(0) 推荐(0)
gulp在webstorm里运行，告别cmd控制台！
摘要：使用webstorm运行gulp程序，不再用一直开着cmd了！鬼知道自己会不会不小心关闭了cmd呢。看截图操作吧！ 如果你的gulp设置了default任务，那么直接点击“运行‘default‘’就行，我这里没有这个，所以要show gulp tasks 然后执行我的server任务 阅读全文
posted @ 2017-02-09 10:18 正举 阅读(6298) 评论(0) 推荐(0)
gulp之压缩css，less转css，浏览器实时刷新【原创】
摘要：gulp入门 gulp浏览器实时同步 首先要下载对应的插件包； gulp-less包：cnpm install gulp-less --save-dev gulp-connect包：cnpm install gulp-connect--save-dev gulp-minify-css包：cnpm i 阅读全文
posted @ 2017-02-08 17:00 正举 阅读(2071) 评论(0) 推荐(0)
gulp-connect插件浏览器实时同步刷新
摘要：1.在站点路径里打开cmd控制台。 输入：cnpm install gulp-connect --save-dev 2.编辑gulpfile.js 3.控制台执行gulp任务 输入gulp serve 4.查看浏览器该任务有没有生效 因为我们使用这个插件创建了一个服务器，它的端口默认是8080，所以 阅读全文
posted @ 2017-02-07 18:08 正举 阅读(514) 评论(0) 推荐(0)
gulp入门
摘要：gulp：是一个自动化工具，前端开发者可以使用它来处理常见任务： 搭建web服务器 文件保存时自动重载浏览器 使用预处理器如Sass、LESS 优化资源，比如压缩CSS、JavaScript、压缩图片 今天这篇是一个入门，如何搭建gulp。 首先它是基于node.js环境下的。点击下载。 需要注意的 阅读全文
posted @ 2017-02-07 17:33 正举 阅读(450) 评论(0) 推荐(0)