随笔分类 -  前端工程

webpack使用
摘要：Webpack是一个现代js应用的模块打包机。如果一个文件依赖另一个文件，webpack认为这就存在一个依赖关系。不管另一个文件是什么内容，image，css或js都被当作一个模块。Webpack从entry points开始构建依赖关系图，将应用所需要的所有模块处理成浏览器可识别的格式，再打包成一 阅读全文
posted @ 2017-05-06 14:12 开发之路 阅读(6598) 评论(2) 推荐(0)
gulp快速入门
摘要：Gulp是基于流的前端自动化构建工具 使用步骤： 1.安装node和npm 访问国外服务器网速不好时，安装依赖模块时会缺少文件。可以安装国内的镜像，之后使用cnpm命令代替npm命令。 npm install cnpm -g --registry=https://registry.npm.taoba 阅读全文
posted @ 2017-04-21 22:13 开发之路 阅读(524) 评论(0) 推荐(1)
前端工程之npm
摘要：package.json是npm package的配置文件，存储当前项目相关的信息。如果下载npm中的包，包内会自带该文件。 具体属性 main:the main entry point for the libary; when someone runs require(<library name> 阅读全文
posted @ 2017-03-31 16:52 开发之路 阅读(2226) 评论(0) 推荐(0)
前端工程之node基础
摘要：Node.exe是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Nodejs定义了一个构造函数 Module，所有的模块（Node中一个文件即一个模块）都是 Module 的实例。每个模块都隐式传入了构造函数中的如下属性： 也就是说每一个Node的文件，都会自动创建一个mo 阅读全文
posted @ 2017-03-28 16:58 开发之路 阅读(950) 评论(0) 推荐(0)
RequireJs的使用
摘要：一、为什么使用RequireJS？ <script src="a.js"></script> <script src="b.js"></script> <script src="c.js"></script> <script src="b.js"></script> <script src="c.j 阅读全文
posted @ 2017-02-18 17:36 开发之路 阅读(658) 评论(0) 推荐(0)
使用r.js优化静态资源
摘要：r.js主要功能：优化项目的静态资源。可以简化压缩代码，减少体积。指定模块将多个组件合并为一个文件，减少HTTP请求数量。具体使用步骤如下： 先把 r.js 文件放到项目根目录，再于项目根目录内新建一个 build.js 文件。 一、编写build.js（用独立文件的形式保存压缩命令的相关参数）如： 阅读全文
posted @ 2017-01-23 17:33 开发之路 阅读(595) 评论(0) 推荐(0)