码迷,mamicode.com
首页 >  
搜索关键字:前端自动化工具 grunt 插件的简单使用(一)    ( 918个结果
grunt标记任务失败
(1)同步标记任务失败 //标记失败任务 module.exports = grunt => { grunt.registerTask('bad',()=>{ console.log('bad working~'); return false; }); grunt.registerTask('foo ...
分类:其他好文   时间:2021-03-04 13:12:25    阅读次数:0
Grunt
Grunt使用(有点类似plop) - yarn init -y //新建项目 - yarn add grunt //添加grunt - 项目根目录 新建gruntfile.js文件,定义grunt任务 - yarn grunt 执行默认任务 注意 - yarn grunt xxx 执行regist ...
分类:其他好文   时间:2020-08-07 12:34:57    阅读次数:82
与Grunt、Gulp和Parcel相比,Webpack的强大之处
首先,Grunt和Gulp只能将一些CSS和JS文件分别压缩合并成单个文件,当然也具有一些编译功能, 比如Less和Sass的编译、ES6到ES5的编译等等。但是Webpack不仅具有它们所具备的这些编译压缩合并功能, 同时还具备模块化开发和组件式开发等优点,在目前流行的前端框架React和Vue中 ...
分类:Web程序   时间:2020-07-30 14:52:55    阅读次数:117
关于前端的一些性能优化,你知道多少
一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个) 原因:主要是为了减少http请求次数以及减少请求资源的大小 打包工具: webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 ...
分类:其他好文   时间:2020-06-14 17:08:19    阅读次数:71
前端性能优化之gzip
背景 如果你是个前端开发人员,你肯定知道线上环境要把js,css,图片等压缩,尽量减少文件的大小,提升响应速度,特别是对移动端,这个非常重要。 压缩 压缩方式 前端压缩的方式很多,依赖java的有ant工具,前端自己打包压缩的有grunt,gulp,webpack,这些压缩也很重要,基本上能压缩50 ...
分类:其他好文   时间:2020-06-10 12:46:08    阅读次数:57
nodejs 安装
安装nodejs 一 nodejs介绍 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Java ...
分类:Web程序   时间:2020-06-09 16:43:11    阅读次数:69
react中利用sass配置来做移动端适配(vw/vh)
首先来看一下sass和less的区别 sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用 sass和less主要区别:在于实现 ...
分类:移动开发   时间:2020-05-18 16:43:14    阅读次数:186
前端面试之webpack篇
还是以前一样,有些概念面试可能会考,我都用*标记了出来,两句话就总结清楚其余的地方如果你想了解webpack,就仔细看看,虽然本教程不能让你webpack玩的很6,但是懂操作流程够了。面试你一般问你webpack的原理,Loader的原理,你有用那些优化措施前端开发已经模块化,它改进了代码库的封装和 ...
分类:Web程序   时间:2020-05-09 21:46:43    阅读次数:73
互联网前沿技术——01 找不到模块“lodash”
检查安装 node --version 修改 安装:npm install 启动:grunt server 如果报错: 找不到模块“lodash” https://www.soinside.com/question/AhhfQE44j4nsxAwAXUwsJV ...
分类:其他好文   时间:2020-04-27 13:46:56    阅读次数:58
H5新人福音~零配置搭建现代化的前端工程
X-BUILD一套基于Webpack(v4.21.0)快速搭建H5场景开发环境的脚手架,只需要几分钟的时间就可以运行起来。X-BUILD是针对H5开发的一套自动化构建工具,致力于提升开发效率,减小开发难度。它可以让你在没有任何构建工具(例如 grunt 、 gulp 或 webpack 等工具)配置 ...
分类:其他好文   时间:2020-04-20 23:38:47    阅读次数:71
918条   1 2 3 4 ... 92 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!