一个前端工程从开发到上线务必会运行在多种环境中，同时会对环境变量进行相应的配置，如果使用人力去对这些变量进行维护，那么必然会出现错误，所以这个功能交给 webpack 去做最为合适。 其中需要注意的一点是 '"localhost"', 如果是定义一个字符串，那么需要双重引号包裹…

1. 解决 项目 中的路径问题 2. 解决 html 中的路径问题 1. 识别 css 2. 识别 scss 3. 识别 less 4. 自动添加 css3属性前缀 5. 分离 css 6. 压缩 分离后的css 7. 净化 分离后的css 1. babel 转换 2. 压缩 …

随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也一直为重写的构建事件钩子机制煞费苦心，为插件各种不兼容心灰…

相信很多人都用过vue-cli或create-react-app或者类似的脚手架。 脚手架方便我们复制，粘贴，或者clone代码库，而且还可以更具用户的选择，引入用户所需要的插件。 脚手架往往搭配着早已设计好了架构的项目，然后按需进行拷贝。 yeoman是一款来做脚手架的工具，…

两套源码的话，后台可能开两个端口，然后需要用nginx反向代理可能比较麻烦，而且前端开发也比较麻烦麻烦，毕竟需要维护两个git仓库，两套git上线流程，可能会损耗很多时间。 对自己的技术(盲目)自信,也想尝尝鲜，分析出需求也不算很复杂。选了第一种方案，就是多个单页面应用在一套源…

webpack入门，常用loader、plugin的使用及优化配置。 注册所有配置的插件，让插件监听webpack构建生命周期的事件节点，以做出对应的反应。

webpack前端工程中扮演的角色越来越重要，它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack，妈妈再也不用担心我不会使用webpack，哪里不会看哪里。这是一个由浅入深的文章。 现在vue、react等脚手架都会自动将开发环境使用的webpac…

作者：滴滴公共前端团队 - 王宏宇 前言 作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在这里赘述，对它还不…

Quasar-Framework 是一款基于vue.js开发的开源的前端框架, 它能帮助web开发者快速创建以下网站：响应式网站，渐进式应用，手机应用(通过Cordova)，跨平台应用(通过Electron)。 Quasar允许开发者在只写一次代码的情况下发布到多个平台 web…