webpack

基于 Webpack5 Module Federation 的业务解耦实践

我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:贝儿 前言 本文中会提到很多目前数栈中使用的特定名词,统一做下解释描述 dt-common:每个子产品都会引入的公共包(类似 NPM 包) AppMe »

dtux

如何从Webpack迁移到Vite

本文将介绍如何将前端web应用程序从 Webpack 升级到 Vite。 Vite 是最新的前端开发工具,其受欢迎程度和采用率都在大幅增长。可以查看下图中来自 npm trends 的下载。 推动这一趋势的是 Vite 核心的一个关键概念:开发人员体验。与 Webpack 相比,Vite 在开发 »

chuckQu

初探webpack之单应用多端构建

初探webpack之单应用多端构建 在现代化前端开发中,我们可以借助构建工具来简化很多工作,单应用多端构建就是其中应用比较广泛的方案,webpack中提供了loader与plugin来给予开发者非常大的操作空间来操作构建过程,通过操作中间产物我们可以非常方便地实现多端构建,当然这是一种思想而不是深度 »

WindrunnerMax Plugin

Webpack.devServer 配置项如何使用?附devServer完整示例

前言: 我们在平常本地开发时,可能经常需要与后端进行联调,或者调用一些api,但是由于浏览器跨域的限制、开发与生产环境的差异、http与https等问题经常让联调的过程不够顺畅。所以本文介绍一下webpack的devServer中的proxy配置项。接下来让我们先看一下这个配置项的基本使用: 基 »

azoux

webpack配置局域网访问项目

  要配置webpack允许局域网访问项目,你需要做以下几个步骤:   1. 在webpack配置文件中,找到devServer选项,并设置其属性`host`为`0.0.0.0`。这将允许其他设备通过局域网IP访问你的项目。 module.exports = { // ... devSer »

Webpack中的sourcemap以及如何在生产和开发环境中合理的设置

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

fps2tao

vue+webpack+mint-ui 示例 (如何使用mint-ui组件)

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

mengyu22

webpack项目如何正确打包引入的自定义字体

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

itdream

webpack import windows case sensitive

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

savokiss

webpack+vue项目实战(四,前端与后端的数据交互和前端展示数据)

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

lxwphp

使用 Vue 脚手架,为什么要学 webpack?

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

Vue - Vue CLI(3): Webpack项目自动打包压缩成 zip 文件

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

donghuang

webpack基本用法及原理(10000+)

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

zhuyutang

聊聊 webpack 打包如何压缩包文件大小

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

Grewer

webpack(10)打包其他资源文件引用阿里的图标库

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

maycpou

webpack+gulp实现自动构建部署

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

Leo_wl

继webpack后又一打包神器Parcel

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

aaron-pan

Parcel Vs Webpack

前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集,为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法,完整用法还是以官网为准。   基础 启动过程: 主文件(main.js)是程序的起点,在主文件里挂在容器。如app.mount( »

lxg0