前言:之前一直说着做项目的时候要用gulp ,webpack,结果实习后一直用thinkphp之后就不怎么接触,不会用gulp/webpack,总觉得不是一个合格的前端开发工作者呀! 最近做毕设用的是nodejs 的express,gulp使用的是nodejs中stream来读取和操作数据,所以有n ...
分类:
其他好文 时间:
2017-03-23 20:02:01
阅读次数:
173
前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得grunt ...
分类:
Web程序 时间:
2017-03-17 11:02:56
阅读次数:
325
1.安装html-webpack-plugin插件,输入命令:npm install html-webpack-plugin --save-dev 2.在webpack.config.js文件中,引入html-webpack-plugin插件 3.输入命令:npm run webpack,编译打包 ...
分类:
Web程序 时间:
2017-03-06 00:38:41
阅读次数:
307
Webpack 在执行的时候,除了在命令行传入参数,还可以通过指定的配置文件来执行。默认情况下,会搜索当前目录的 webpack.config.js 文件,这个文件是一个 node.js 模块,返回一个 json 格式的配置信息对象,或者通过 --config 选项来指定配置文件。 webpack文 ...
分类:
Web程序 时间:
2017-03-05 22:55:00
阅读次数:
287
0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Ru ...
分类:
其他好文 时间:
2017-02-20 11:29:23
阅读次数:
316
单仁资讯 3、熟练JS对象编程, 熟练掌握jQuery框架,能熟练使用jQuery编写一些插件; 4、至少掌握一个主流的JS框架(angular/vue/react等),至少熟悉一种前端构建工具(grunt/gulp/fis等); 智载科技 熟悉模块化、组件化,有requirejs/seajs,gu ...
分类:
其他好文 时间:
2017-02-18 10:44:58
阅读次数:
233
Webpack 作为前端构建工具,对于大型网站开发,大大提升了开发效率。要使用webpack需要先安装webpack工具; 先来看一个最简单的命令 该命令将 main.js 输出到 bundle.js 。 通常,都不会这样直接使用使用,而是在项目根目录下进行打包配置,配置文件默认为webpack.c ...
分类:
Web程序 时间:
2017-02-05 22:47:33
阅读次数:
554
前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得grunt ...
分类:
Web程序 时间:
2016-12-24 16:59:04
阅读次数:
269
我的机器: 3.13.0-32-generic #57-Ubuntu SMP Tue Jul 15 03:51:08 UTC 2014 x86_64 x86_64 x86_64 GNU/Linux 1、安装nodejs ~$ wget https://nodejs.org/dist/v6.2.0/n ...
分类:
其他好文 时间:
2016-12-15 14:38:55
阅读次数:
228
Gulp是一个基于任务的javascript工程命令行流式构建工具。为什么要用Gulp呢?前端开发进入到工程化阶段,我们需要压缩合并文件,加MD5戳;如果使用 CoffeeScript/ES6 去代替 Javascript,那么需要编译成jacascript;如果使用less或者sass,需要编译成 ...
分类:
其他好文 时间:
2016-12-07 13:55:44
阅读次数:
317