如何使用gulp解决内核前缀问题
1个回答
2016-11-24 · 知道合伙人数码行家
关注
展开全部
检查你的 node 版本和 gulp 版本
1、如果没有安装node可以参考我的《CentOS 7下手把手搭建hexo博客》中使用nvm来管理node;
2、如果没有安装gulp可以使用npm install --global gulp全局安装 gulp;
3、检查你的 node 版本和 gulp 版本;
$ node -vv5.0.0$ gulp -v[19:21:35] CLI version 3.9.0[19:21:35] Local version 3.9.0
初始化项目目录
使用 npm init 创建一个 package.json 存储依赖关系等配置信息,推荐使用,如图给出一个例子;;
创建 gulp 的配置文件 gulpfile.js,开始很简单,如图:
使用git init 创建版本库,并简单配置,如果不熟悉git操作可以去官网先看看;
测试gulp命令
$gulp
如图所示一切ok,现在没有任务;
安装依赖插件
$ npm install --save-dev gulp-autoprefixer browser-sync gulp-notify
其中:
gulp-autoprefixer 根据浏览器版本自动处理添加浏览器前缀
browser-sync 能让浏览器实时、快速响应文件更改(html、js、css、sass、less等)并自动刷新页面
gulp-notify 用于任务提醒
安装过程比较长慢慢等待,不过一定要确认安装成功;
安装成功之后package.json会保存插件,当前目录下会创建目录node_modules保存安装的插件;
5
以 browser-sync 为例来配置 gulpfile.js 文件
1、修改gulpfile.js如图所示:
2、创建源码目录src;
3、终端运行gulp,当修改文件的时候终端会发生变化;
1、如果没有安装node可以参考我的《CentOS 7下手把手搭建hexo博客》中使用nvm来管理node;
2、如果没有安装gulp可以使用npm install --global gulp全局安装 gulp;
3、检查你的 node 版本和 gulp 版本;
$ node -vv5.0.0$ gulp -v[19:21:35] CLI version 3.9.0[19:21:35] Local version 3.9.0
初始化项目目录
使用 npm init 创建一个 package.json 存储依赖关系等配置信息,推荐使用,如图给出一个例子;;
创建 gulp 的配置文件 gulpfile.js,开始很简单,如图:
使用git init 创建版本库,并简单配置,如果不熟悉git操作可以去官网先看看;
测试gulp命令
$gulp
如图所示一切ok,现在没有任务;
安装依赖插件
$ npm install --save-dev gulp-autoprefixer browser-sync gulp-notify
其中:
gulp-autoprefixer 根据浏览器版本自动处理添加浏览器前缀
browser-sync 能让浏览器实时、快速响应文件更改(html、js、css、sass、less等)并自动刷新页面
gulp-notify 用于任务提醒
安装过程比较长慢慢等待,不过一定要确认安装成功;
安装成功之后package.json会保存插件,当前目录下会创建目录node_modules保存安装的插件;
5
以 browser-sync 为例来配置 gulpfile.js 文件
1、修改gulpfile.js如图所示:
2、创建源码目录src;
3、终端运行gulp,当修改文件的时候终端会发生变化;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询