初探webpack之编写plugin

初探webpack之编写plugin webpack通过plugin机制让其使用更加灵活,以适应各种应用场景,当然也大大增加了webpack的复杂性,在webpack运行的生命周期中会广播出许多事件,plugin可以hook这些事件,在合适的时机通过webpack提供的API改变其在处理过程中的输出 ... »

WindrunnerMax Plugin

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

1 webpack是什么 所有工具的出现,都是为了解决特定的问题,那么前端熟悉的webpack是为了解决什么问题呢? 1.1 为什么会出现webpack js模块化: 浏览器认识的语言是HTML,CSS,Javascript,而其中css和javascript是通过html的标签link,scrip ... »

webpack之牛刀小试 打包并压缩html、js

1、创建项目文件夹test,在文件夹下创建src文件夹用来存放源码,在src文件夹下创建index.html/index.js两件文件。 我们的最终目的是将这两个文件打包压缩并输出到/test/dis »

eedc

webpack 打包工具入门教程

了解Webpack相关 什么是webpack Webpack是一个模块打包器(bundler)。 在Webpack看来, 前端的所有资源文件(js/css/img/less/...)都会作为模块处理 »

wushanbao

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

先问大家一个很简单的问题: vue init webpack prjectName 与 vue create projectName 有什么区别呢? 它们是 Vue-cli 2 和 Vue-cli3 创建项目的两个命令,之所以两个命令不同,根本原因是 Vue-cli2 是基于webpack 3,而 ... »

Webpack 打包优化之速度篇

在前文 Webpack 打包优化之体积篇中,对如何减小 Webpack 打包体积,做了些探讨;当然,那些法子对于打包速度的提升,也是大有裨益。然而,打包速度之于开发体验和 »

liangxuru

webpack3 升级 webpack4踩坑记录

一.安装 安装webpack4最新版本 npm install --save-dev webpack@4 安装新增依赖 webpack-cli 这个在webpack3中,webpa »

qianxiaox

webpack的一些配置项概念及配置方法

以上配置生成的index.html如下 其中路径的前面半部分由 assetsPublicPath加assetsSubDirectory组成 配置时一般先确定index的路径,然后定下静态路径 »

ClaudiaYan

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

一. 如何在Vue或React项目中使用自定义字体 在开发前端项目时,经常会遇到UI同事希望在项目中使用一个炫酷字体的需求。那么怎么在项目中使用自定义字体呢? 其实实现起来并不复杂,可以借用CSS3 »

itdream

vue init webpack xxx很慢?办它!

npm install nrm -g //全局安装,代理映射库 ,可以提高 下载速度 nrm ls //显示可能资源有哪些 nrm use taobao //使用淘宝库 nrm ls //看星号在那里 »

ludadong