无分类 # react-router v4 刷新出现找不到页面(NO FOUND)解决方案 如果是使用webpack-dev-server,请将 historyApiFallback: true 这个配置加入至 devServer 中. 以及在output 中配置 publicPath: ‘/’
无分类 前端面试题 — webpack 随着前端的不断发展,现代前端开发的复杂度和规模越来越庞大。工程化的思想催生了很多流行框架的进程,作为现在最流行的前端构建工具–webpack,很多面试、工作场景中都会出现了它的身影。所以对于现在的前端来说…
javascript 从零开始开发一个react脚手架(一) 前沿: 脚手架工具一大堆,但如果全部用第三方的脚手架,项目做起来肯定束手束脚,想来点差异化的东西都很难,所以最好是整一份自己的脚手架工具,想咋玩咋玩。阅读了next脚手架和create-react-app脚手架源码,ne…
javascript 关于require.context的尝试 项目某个页面需要引入N张demo图片。即资源的批量引入:如果要引入10+个以上的图片资源,就需要写10+个如下的引入代码:import XXX from ‘relative/path/assets/imgs/xxx’;,那如果再多一点的静态资源需要引入呢?…
javascript 性能优化篇—Webpack构建代码质量压缩 Webpack构建流程:初始化配置参数 -> 绑定事件钩子回调 -> 确定Entry逐一遍历 -> 使用loader编译文件 -> 输出文件
javascript 浅谈webpack之plugin,webpack-manifest-plugin源码解读 如果是服务器端构造的html,就可以根据当前的manifest,引入css和js文件,而且这个文件是必须的,否则服务器端压根不知道hash之后的JS文件名字和CSS名字。
无分类 Webpack学习-Plugin 在Webpack学习-工作原理(上)一文中我们就已经介绍了Plugin的基本概念,同时知道了webpack其实很像一条生产线,要经过一系列处理流程后才能将源文件转换成我们理想的输出结果。而webpack构建过程中,会在特定的…
javascript webpack-dev-middleware@1.12.2 源码解读 webpack-dev-middleware 是express的一个中间件,它的主要作用是以监听模式启动webpack,将webpack编译后的文件输出到内存里,然后将内存的文件输出到epxress服务器上;下面通过一张图片来看一下它的工作原理: