工程化
270篇文章 · 0订阅
  • 外企大佬面试被问到 webpack loader 的机制？
    webpack 本身只能处理 JavaScript 和 JSON 文件，而 loader 为 webpack 添加了处理其他类型文件的能力。loader 将其他类型的文件转换成有效的 webpack
    Webpack 面试
  • 前端开发如何快速 mock 数据
    我们都知道，一个项目开发需要前端 + 后端配合来完成，后端程序猿需要为前端开发攻城狮提供 api 接口，前端开发攻城狮，才能借助这些接口，来实现项目预期的功能。 我们一般开发项目的时候，各个团队都是并行进行的，为了减少每个环节之间的依赖等待，我们在各个环节都需要做一些数据模拟，…
    前端
  • babel 配置整理
    babel是一个JavaScript编译器,借助转换器可以使用最新的语法,而不必等待浏览器支持。但是只支持语法转换，而不支持新增 API。因此使用 babel 就分为两方面：语法转码和 API 支持。 这样一个基本的可用配置就好了。 polyfill是一种垫片,使用旧版本方法模…
    前端 Babel
  • 从零开始到发布上线，如何自定义一个webpack loader
    前两天在使用webpack搭建移动端web的时候,需要使用到flexible.js动态修改html的font-size。考虑到只有几行代码，我想把flexible.js镶嵌到<head>中,同时我希望能够随时修改它的源码,并且最后输出到html中是压缩过后的代码。 由于没有找到…
    JavaScript 前端 NPM
  • Webpack5 配置手册
    则是生成的页面中对图片路径的引用时，加上publicPath,这样访问时姐可以放到文件的正确地址了。 外部postcss.confgi.js配置文件的配置方式。注意：还需要在package.json中定义browserlist
    Webpack
  • Webpack5 搭建 react 脚手架
    Webpack 5 发布也有挺长时间了，现在在公司用的脚手架还是 v4 版的，听说 v5 版本更新的重点主要是针对构型性能的优化。听起来感觉挺香的，就想去用 Webpack 5 搭建一个架手架 看看整体感觉如何，因为我现在主要是用 React 开发 所以就以 React 为例搭…
    Webpack
    Webpack5 搭建 react 脚手架
  • 2019，你该搭建自己的博客了！
    以个人博客为例，博客地址准备工作安装初始化创建新文章运行开发环境构建部署详细准备工作，可以查阅hexo官网安装主题cactus，一个很程序员的主题，推荐！克隆仓库，并且将源文件复制到博客项目中them
    Hexo
  • GitLab+Docker快速搭建CI/CD自动化部署
    什么是持续集成(Continuous integration)? CI 在持续集成环境中，开发人员将会频繁得提交代码到主干。这些新提交在最终合并到主线之前，都需要通过编译和自动化测试进行验证。这样做是
    前端
  • 10 分钟搞懂 Vite devServer，速来围观！
    分析 Vite version：2.2.3，和我来一场 vite server 探寻之旅吧~(*❦ω❦)
    Vite
    10 分钟搞懂 Vite devServer，速来围观！
  • [译] Github Actions 是如何渲染超大日志的
    Github Actions 是如何渲染超大日志的 在 web 端渲染日志看起来很简单：它们只是一行一行的纯文本。但是它也可以有许多方便用户的附加功能：着色、分类、搜索、永久链接等等。但是最重要的是，
    掘金翻译计划 前端