define-plugin:定义环境变量html-webpack-plugin:简化 html⽂件创建uglifyjs-webpack-plugin:通过 UglifyES 压缩 ES6 代码webpack-para...
file-loader:把⽂件输出到⼀个⽂件夹中,在代码中通过相对 URL 去引⽤输出的⽂件url-loader:和 file-loader 类似,但是能在⽂件很⼩的情况下以 base64 的⽅式把⽂件内容注⼊到代码中去source-map...
webpack 适⽤于⼤型复杂的前端站点构建: webpack 有强⼤的 loader 和插件⽣态,打包后的⽂件实际上就是⼀个⽴即执⾏函数,这个⽴即 执⾏函数接收⼀个参数,这个参数是模块对象,键为各个模块的路径, 值为模块内容。⽴即执⾏函数...
Grunt、Gulp 是基于任务运⾏的⼯具: 它们会⾃动执⾏指定的任务, 就像流⽔线,把资源放上去然后通过不同插件进⾏加⼯,它们包含活 跃的社区,丰富的插件,能⽅便的打造各种⼯作流。Webpack 是基于模块化打包的⼯具: ⾃动化处理模块,...
1.多⼊⼝情况下,使⽤ CommonsChunkPlugin 来提取公共代码2.通过 externals 配置来提取常⽤库3.利⽤ DllPlugin 和 DllReferencePlugin 预编译资源模块 通过...
gulp 强调的是前端开发的工作流程,我们可以通过配置一系列的 task,定义 task 处理的事务(例如文件压缩合并、雪碧图、启动 server、版本控制等),然后定义执行顺序,来让 gulp 执行这些 task,从而构建项目的整个前...
Babel 解析成 AST,然后插件更改 AST,最后由 Babel 输出代码 那么 Babel 的插件模块需要你暴露一个 function,function 内返回 visitormodule.export = funct...
babel 的转译过程也分为三个阶段,这三步具体是: 1. 解析 Parse: 将代码解析生成抽象语法树( 即 AST ),即词法分析与语法分析的过程 2. 转换 Transform: 对于 AST 进行变换一系...
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模...
浏览:2582
浏览:1865
浏览:1813
浏览:1652
浏览:1618
浏览:1330
浏览:1322
浏览:1238
浏览:1227
浏览:1219
29
浏览:126
浏览:123
浏览:110
浏览:131
浏览:116
13
浏览:124
浏览:115
浏览:120
12
浏览:157
浏览:98