2016.1.22,对大多数人来说,这是一个非常平常的日子,但这却是我决定在博客园写博客的日子.虽然注册博客园的博客已有4年8个月,却一直没有动手写过一篇博客,原因是觉得自己水平不行,写不出好东西,所以干脆就不写.现在我觉得这样想是不对的,每个人都有一个成长的过程,从学徒到能独立完成任务,再到师傅,再到专家.我想记录这个过程,并且通过写博客养成总结的好习惯,构建自己的知识体系,同时锻炼自己的写作能力. 真正接触编程是在大一下学期(2010年初)学的C语言,而接触前端则是在大一结束后的暑假(201…

介绍 loaders允许你用require() 预处理文件(preprocess files)或者加载他们,在其他的构建工具中,loaders就是一种像“任务(tasks)”的东西.他提供了一种处理前端构建的强大的方式.loaders可以从不同语言类型的文件来转换文件,比如coffeescript,内联image的data url.loaders甚至允许你在你的js文件中用require()加载css文件. 让webpack用loader转换一个模块,你可以指定模块需要的loader,就像在re…

A quick summary of all methods and variables available in code compiled with webpack. 用webpack编译的一些变量和方法的快速总结 Basic require CommonJs require(dependency: String) Returns the exports from a dependency. The call is sync. No request to the server is fire…

一.全面理解webpack 1.什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX).coffee.样式(含less/sass).图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能.webpack的官网是 http://webpack.github.io/ ,文档地址是http://webpack.github.io/docs/,官网对webpack的定义是MODULE BUNDLER,他的目的就是把有依赖关系的各种…

什么是loader loaders是你用在app源码上的转换元件.他们是用node.js运行的,把源文件作为参数,返回新的资源的函数. 例如,你可以用loaders告诉webpack加载 coffeeScript或者JSX. loaders 特点: 1. 可以链式拼接.他们用在通向文件的管道,最后一个loader预期返回一个javascript,其它Loader可以返回任意格式给下一个loader. 2. loaders可以是同步的,也可以是异步的. 3. loaders是用node.js来跑,…

2019年12月5日初稿,目前webpack已经更新到v4.41.2,本文正是基于该版本,在windows8.1操作系统下进行的demo编译,适用于想入门webpack的前端开发人员. webpack官方使用指南(参考1):https://www.webpackjs.com/guides/getting-started/ 本文参考(参考2):https://segmentfault.com/a/1190000006178770?utm_source=tag-newest#comment-area…

一.简介 1.什么是webpack webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX).coffee.样式(含less/sass).图片等都作为模块来使用和处理. 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但我们无须在上面花费太多心思,因为 webpack 有着各种健全的加载器(loader)在默默处理这些事情,这块我们后续会提到. 你可以不打算将其用在你的项目上,但没有理由不去掌握它,…

什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX).coffee.样式(含less/sass).图片等都作为模块来使用和处理. 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但我们无须在上面花费太多心思,因为 webpack 有着各种健全的加载器(loader)在默默处理这些事情,这块我们后续会提到. 你可以不打算将其用在你的项目上,但没有理由不去掌握它,因为以近期…

这一次我们谈谈模块问题. 通常我们希望这个项目可以分为多个独立的模块,比如,上一次提高的 hello 函数,如果我们定义为一个模块,其它模块引用之后,直接调用就好了.在前端怎么使用模块呢?这可说来话长了. 如果我们把 hello 函数定义在文件 hello.js 中,内容如下: function hello(){ alert("Hello, Webpack!"); } 然后把主入口函数 index.js 的内容写成下面的内容,你应该会得到一个错误信息. require("./…

webpack webpack,是一款模块加载器兼打包工具.能将 JS.coffee.less.sass.图片等作为模块来使用. 经过一个多月的摸索,姑且算是入门了.因此重新写个小DEMO来加深自己对 webpack 的理解. 安装webpack $ npm install webpack -g 跟gulp一样.webpack也有一个默认的配置文件,名为 webpack.config.js 该配置文件里,可以以 commonJS 的方式去写 module.exports = { entry: {…