前端工程化and模块化
文章平均质量分 73
睡在我下铺的上铺的胖子
能放前端的就放前端啊
展开
-
gulp初识
什么是gulp?Gulp是一个基于流构建系统,它能通过自动执行常见任务,比如编译预处理CSS,压缩JavaScript和刷新浏览器,来改进网站开发的过程。Gulp本身虽然不能完成很多任务,但它有大量插件可用,开发者可以访问插件页面或者在npm搜索gulpplugin就能看到。例如,有些插件可以用来执行JSHint、编译CoffeeScript,执行Mocha测试,甚至更新版本号。安装gulp尽管可以原创 2016-12-08 23:39:29 · 670 阅读 · 0 评论 -
browserify
Browserify是一个浏览器端代码模块化工具简介服务器端NodeJS自带模块功能,可以使用require和module.exports构建项目随着项目的增大,浏览器端任务越来越重,依赖关系越来越复杂,需要使用工具实现模块化。Browserify通过require和module.exports来导入和导出。Browserify的原理:部署时处理代码依赖,将模块打包为一个文件。存在的问题:打包为单个原创 2016-12-10 18:40:43 · 9874 阅读 · 0 评论 -
webpack初识
简介Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。Webpack原创 2016-12-10 20:45:05 · 942 阅读 · 0 评论 -
javascript模块化之CommonJS、AMD、CMD、UMD、ES6
这是一篇关于js模块化编程的总结记录javascript模块化之CommonJS、AMD、CMD、UMD、ES6原创 2017-02-05 18:20:21 · 21310 阅读 · 13 评论 -
webpack学习笔记一
原文链接:https://segmentfault.com/a/1190000006178770?_ea=1088498由于使用的是webpack版本是2.2.1,所以针对原文做了一些修改。针对webpack2的修改部分和添加的部分在最底部,文中已经改过来了。写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏转载 2017-02-04 00:22:11 · 4968 阅读 · 0 评论 -
gulp插件
这是我用的一个。"devDependencies": { "gulp": "^3.9.1", "gulp-clean": "^0.3.2", "gulp-concat": "^2.6.1", "gulp-connect": "^5.0.0", "gulp-cssmin": "^0.1.7", "gulp-imagemin": "^3.1.1", "gulp-less原创 2017-02-25 10:20:06 · 1135 阅读 · 0 评论 -
webpack热模块替换(HMR)/热更新
这是一篇关于webpack热模块替换的最简单的配置(不需要react),也称作热更新。原创 2017-03-17 22:15:45 · 17388 阅读 · 0 评论 -
我的webpack,持续更新......
压缩js使用自带的webpack.optimize.UglifyJsPluginconst webpack = require('webpack');module.exports = function(env) { return { entry: { main: './index.js', }, output: { filename: '[chu原创 2017-03-13 22:54:23 · 2556 阅读 · 1 评论 -
babel-polyfill与babel-plugin-transform-runtime
babel-polyfillbabel-polyfill在应用中会模拟一个es2015+的环境,所以使用了babel-polyfill后可以使用内置对象如Promise和WeakMap,静态方法如Array.from和Object.assign,实例方法如Array.prototype.includes,以及generator函数(需要提供babel-plugin-transform-rege...原创 2018-07-22 18:16:06 · 5071 阅读 · 0 评论