什么是webpack webpack是一个模块打包器,包(bundle)就是一个js文件,它把一堆资源合并在一起,以便在同一个文件请求中发回给客户端,webpack还能处理一些浏览器不能直接运行的拓展语言,如Scss,typeScript等。webpack是基于配置型的构建工具,它把整个项目作为一个 ...
分类:
Web程序 时间:
2018-03-08 23:03:57
阅读次数:
384
有关于webpack官方文档的粗略学习,暂时告一段落,关于webpack是如何将项目整体构建包括代替gulp和grunt的打包功能,有待在实际项目中更深一步的实践。毕竟已经有一段时间不用了,知识在于巩固,不巩固是真的会生疏的,而且webpack4新鲜出炉,号称实现零配置。而且最近后天同学在进行关于s ...
分类:
Web程序 时间:
2018-03-05 16:02:57
阅读次数:
580
1. Grunt的运行原理 运行grunt,利用node的require查找本地的Grunt, 查找到本地有Grunt,CLI将其加载,并传递Gruntfile中的配置信息。 2. 使用grunt-init自动创建gruntfile.js和package.json文件 1)全局安装grunt-ini ...
分类:
其他好文 时间:
2018-02-27 15:05:14
阅读次数:
159
webpack webpack是一个打包工具,学名叫做模块打包器,把所有的模块打包成一个或少量文件,使你只需加载少量文件即可运行整个应用,而无需像之前那样加载大量的图片,css文件,js文件,字体文件等等。 相对于gulp/grunt的自动化构建工具来说,webpack在js,css压缩,代码检查, ...
分类:
Web程序 时间:
2018-02-23 00:24:05
阅读次数:
248
谈及如今欣欣向荣的前端圈,不仅有各类框架百花齐放,如Vue, React, Angular等等,就打包工具而言,发展也是如火如荼,百家争鸣;从早期的王者Browserify, Grunt,到后来赢得宝座的 Gulp, 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ;在 browser ...
分类:
Web程序 时间:
2018-02-21 21:07:38
阅读次数:
284
技术列表 html5 css3 jquery jquery-plugin[包括自己写的插件和下载的插件] easyui es5 grunt js模板引擎[没找到合适的,自己从0开始写] 目录结构 命名规范 css/js 所有CSS文件和JS文件命名规范如下: 也就是:km-模块名-子模块名[.min ...
分类:
其他好文 时间:
2018-01-01 23:33:56
阅读次数:
183
目录 "关于此文" "在学习webpack之前,我们先去了解它的作用" "它与其他其他前端工具(gulp,grunt)有什么差别呢" "安装" "webpack.config.js 配置结果" "webpack 开始简单配置" "文件结构" "demo地址" "参考连接" 关于此文 本文是笔者初学w ...
分类:
Web程序 时间:
2018-01-01 21:55:59
阅读次数:
319
作者网站原文:http://hawkzz.com/blog/blog/1514542087911 简介 我们开发不可能只写一个页面,每次都要写很多页面,这时为了开发效率,我们使用前端自动化工具webpack,那么webpack是如何打包页面的呢?又是如何打包多页面的呢? 单页面打包 我们知道要打包单 ...
分类:
Web程序 时间:
2017-12-29 18:59:52
阅读次数:
201
在Linux上安装Elasticsearch Head工具 1、修改elasticsearch的参数 编辑elasticsearch的配置文件elasticsearch.yml 添加如下配置 重启elasticsearch服务 2、安装node 和 安装grunt 略 3、修改head源码 head ...
分类:
系统相关 时间:
2017-12-22 22:53:46
阅读次数:
247
css知多少(11)——position 1. 引言 本文将用一篇文章介绍position(定位),在学习position之前,我们应该去思考一个问题:什么情况下我们需要定位?如果没有定位将无法满足我们怎样的需求?我们要知道,被人类创造出来的每一个知识,都有它的用途,都要解决一些之前遇到的问题。 如 ...
分类:
Web程序 时间:
2017-12-16 16:03:53
阅读次数:
215