![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
若~~~
爱自己才是终身浪漫的开始。❤️
展开
-
webpack 4的简易配置
今天早晨醒来看了下 新冠肺炎疫情状况,今天明显有好转,希望“春天”尽快来临吧!????哎,不能去公司上班,在家呆着也好无聊,手头工作也不多~~~~因为疫情,在家办公室效率低,工资都降了,如果疫情一直不好,那岂不是要饿死的节奏???不管怎么样,还是得不断巩固、学习新知识,那我们今天来回顾下 webpack 对简单配置项吧!实现功能自动注入js开发环境热更新抽离CSS压缩JS、CSS、Ht...原创 2020-02-20 12:32:55 · 328 阅读 · 0 评论 -
webpack常用插件篇plugins
以下是常用插件列表1.happypack2.dllplugin3.commons-chunk-plugin4.webpack-dev-server5.webpack-dev-middleware6.webpack-hot-middleware(HMR)7.webpack-hot-server-middleware8.http-proxy-middleware9.html-webp...原创 2019-06-14 00:10:47 · 1902 阅读 · 0 评论 -
webpack作用以及使用方法
webpack有什么作用?1、webpack是node的第三方包2、可以根据模块化依赖打包文件,打包后的代码会按照前端的模块化规范1、利用自执行函数2、AMD规范3、CMD规范4、commonjsbabel告诉服务器从哪提供内容devServer.contentBaseexclude 排除特定条件include 匹配特定条件ExtractTextWebpackPlug...原创 2019-06-11 19:28:45 · 1516 阅读 · 1 评论 -
webpack知识点
Webpack1、简介模块的打包器(将多个文件打包为一个文件)自动化构建工具(和gulp类似)在webpack当中任何一个文件都需要一个loader解析文件2、能干啥?提升网站的响应速度,减少http 请求数3_1、开始cnpm install -g webpackcnpm install -g webpack-cli3_2、配置文件默认: webpack.confi...原创 2019-06-12 08:35:45 · 308 阅读 · 0 评论 -
从零搭建一个react + react-router + webpack框架
导语:学习搭建react +webpack工程时,看了很多资料,学习点真的很多,几乎每一项都可以单独写一个篇幅,该文章只在怎么搭建出开发框架,很多东西没有深入,只做了一些简单的介绍,但基本会把官方文档列出来,想要深入了解的可以先自己把工程跑起来,然后认真看官方文档。我们想要的框架需要什么样的功能:1、使用webpack打包3、入口JS文件可以自动注入到HTML模板中2、使用ES6 reac...转载 2019-09-20 15:43:04 · 2597 阅读 · 0 评论 -
gulp与webpack的区别
常有人拿gulp与webpack来比较,知道这两个构建工具功能上有重叠的地方,可单用,也可一起用,但本质的区别就没有那么清晰。gulpgulp强调的是前端开发的工作流程,我们可以通过配置一系列的task,定义task处理的事务(例如文件压缩合并、雪碧图、启动server、版本控制等),然后定义执行顺序,来让gulp执行这些task,从而构建项目的整个前端开发流程。PS:简单说就一个Task ...原创 2019-09-23 19:08:52 · 108 阅读 · 0 评论