55 天前 / 滴滴技术

巧用 webpack loader 实现项目的定制化

桔妹导读：随着前端技术的发展，Web 应用变得复杂。为解决开发的复杂度，前端开发也有了模块化的概念。使用 Webpack 完成 模块化的打包构建的方案，可谓尽人皆知。但是利用 Webpack 能做的事情远不止如此。这篇文章从一个独特的角度，利用 Webpack 的特点实现了定制化需求，希望能够对大家有一些启发。 ▍背景 有这样的需求：项目交付的给客户时，需要支持针对客户定制产品的 LOGO、登录界面的背景。 ▍简单分析 手动替换图片文件再编译的方法肯定是无法接受的。 如果你说采用分支的方式来实现这种需求，我觉得也是不太现......

前端 Webpack

71 天前 / u528472

一个合格的 Webpack4 配置工程师素养（一）

准备开发环境- 安装node - 安装webpack - npm init 初始化项目目录结构 先跑一个小demo// src/index.js import _ from 'lodash' function create_div_element () { const div_element = document.createElement('div') div_element.innerHTML = _.join(['kobe', 'cpul'], ' ') return div_element} const div_ele = create_div_element()document.body.appendChild(div_ele) // dist/index.html