webpack
关注
分享
扫一扫
chaochao_o
啦啦啦
展开
-
webpack loader开发并发布到npm
loader开发与发布loader开发loader发布 loader开发 loader可以被链式调用，为每一步创建一个loader而不是一个loader做所有的事情。 单一职责 链式组合 例如：开发一个comment-require-loader作用是将JavaScript代码中的注释语法： // @require '../style/index.css' 转换成： require('../st...原创 2019-08-18 21:25:57 · 858 阅读 · 0 评论 -
《深入浅出webpack》阅读笔记（四）
《深入浅出Webpack》阅读笔记（四）四、使用webpack优化开发体验和输出质量1、优化构建速度（1）缩小文件的搜索范围（2）使用DllPlugin（3）使用HappyPack（4）使用parallelUglifyPlugin（5）使用自动刷新（6）开启模块热替换（7）区分环境（8）压缩代码（9）CDN加速 四、使用webpack优化开发体验和输出质量 本文主要介绍webpack是如何提升开发...原创 2019-08-13 20:48:55 · 224 阅读 · 0 评论 -
《深入浅出webpack》阅读笔记（一）
《深入浅出Webpack》阅读笔记（一）一、基础入门1、前端发展现状模块化新框架新语言2、 常见的构建工具对比Npm ScriptGruntGulpFis3WebpackRollup3、webpack安装教程安装webpack到本项目安装webpack到全局使用webpack 一、基础入门 首先主要了解webpack时做什么的？我们为什么要使用webpack？基础的安装与使用，以及常用的构建工具的...原创 2019-08-12 10:17:41 · 228 阅读 · 0 评论 -
《深入浅出Webpack》阅读笔记（二）
《深入浅出Webpack》阅读笔记（二）webpack常用配置概览1、Entry入口2、output出口3、loader4、plugins插件5、使用DevServer6、实时预览7、模块热替换8、支持Source Map webpack常用配置概览 webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)，在处理应用程序时会递归地构建一个依赖关系图，其...原创 2019-08-12 13:53:32 · 150 阅读 · 0 评论 -
《深入浅出Webpack》阅读笔记（三）
《深入浅出Webpack》阅读笔记（三）三、 webpack基本配置速查1、Entry2、Output输出3、Module模块4、Resolve解析5、Plugin6、DevServer7、其他配置项8、整体配置结构9、多种配置类型10、总结 三、 webpack基本配置速查 配置webpack的方式有一下两种： （1）通过JavaScript文件描述配置，例如webpack.config.js文...原创 2019-08-12 21:06:28 · 281 阅读 · 0 评论