![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
巨大星星星
这个作者很懒,什么都没留下…
展开
-
Vue+thinkJs博客网站(一)之vue多页面应用的webpack3配置
一.项目简介 本项目使用vue作为前端框架,thinkJs作为后端框架,构建个人博客网站,页面分为博客展示和后台管理,主要目的是学习使用thinkJs。现在只完成了主要的博客增删改功能,发现webpack的配置遇到了一些坑,这里先记录下。项目目录结构如下: 其中system文件夹是前端vue项目的代码,博客展示页面与后台管理页面都在这里,打包成两个页面,具体webpack配...原创 2019-01-31 17:03:42 · 585 阅读 · 0 评论 -
React搭建个人博客(一)项目简介与React前端踩坑
一.简介项目最开始目的是为了熟悉React用法,之后加入的东西变多,这里分成三部分,至少三篇博客拆开来讲。前端部分 React React-Router4.0 Redux AntDesign webpack4后端部分 consul+consul-template+nginx+docker搭建微服务 cdn上传静态资源 thinkJs部署部分 daocloud自动...原创 2019-06-12 19:56:34 · 3500 阅读 · 0 评论 -
webpack原理(一) 输出文件
说明本文主要参考自 webpack原理,部分源码的分析加入了自己的理解,对webpack感兴趣的同学可以阅读参考文章进一步学习。基本介绍概念在了解 Webpack 原理前,需要掌握以下几个核心概念:Entry:入口,Webpack 执行构建的第一步将从 Entry 开始,可抽象成输入。Module:模块,在 Webpack 里一切皆模块,一个模块对应着一个文件。Webpack 会从配...原创 2019-08-23 14:03:11 · 459 阅读 · 0 评论 -
webpack原理(二)自定义plugin
概览Webpack 通过 Plugin 机制让其更加灵活,以适应各种应用场景。 在 Webpack 运行的生命周期中会广播出许多事件,Plugin 可以监听这些事件,在合适的时机通过 Webpack 提供的 API 改变输出结果。我们先看一个最基础的 Plugin 的代码例子:class BasicPlugin{ // 在构造函数中获取用户给该插件传入的配置 constructor(...原创 2019-08-26 13:47:34 · 1381 阅读 · 0 评论 -
webpack使用注意事项
默认配置webpack 4 引入了零配置的概念,提供的默认配置来减少重复工作。development 模式下,默认开启了NamedChunksPlugin 和NamedModulesPlugin方便调试,提供了更完整的错误信息,更快的重新编译的速度。production 模式下,由于提供了splitChunks和minimize,所以基本零配置,代码就会自动分割、压缩、优化,同时 webp...原创 2019-08-27 16:16:04 · 314 阅读 · 0 评论