Webpack 是目前前端开发最重要的构建工具。无论是自己的日常开发，还是准备面试，都应该掌握一些关于 Webpack 的优化技巧。 在这篇文章中，我将从三个方面分享一些我常用的技巧： 提高优化速度 ...
Webpack优化技巧13个：提高优化速度、压缩打包文件的大小、改善用户体验
阅读全文
Webpack5 新特性业务，字节跳动前端落地实战
作者：字节前端 Webpack5 在 2020 年 10 月 10 日正式发布，并且在过去的几个月中快速演进和迭代，截止 1 月 28 日，Webpack5 已经更新了 18 个 minor 版本，带...
webpack构建Vue项目引入jQ“’$’ is defined but never used”处理
公司需要新建个数据后台，就按照查到的方法构建了Vue框架的项目，引入jQ、bootstrap时，按照在线方法配置，发现 main.js 里的引用jQ一直显示红标，没多想，在按照网上配置完后，npm r...
Webpack基础配置全解析：loader和plugin的区别
webpack概念 来看一下官网对webpack的定义： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应...
Bootstrap4默认样式没意思，NPM+Webpack+SASS来定制
Bootstrap 是一个流行的前端样式库，可以方便快速的构建应用，但默认样式可能不尽人意，本文就介绍如何使用 NPM, Webpack, SASS 针对它的源码来定制自己的主题。版本使用的是 Boo...
webpack 知识全景图:核心概念、执行流程、Babel、优化概况
webpack 最出色的功能之一就是，除了 JavaScript，还可以通过 loader 引入任何其他类型的文件。 Webpack 核心概念： Entry（入口）：Webpack 执行构建的第一步将...
webpack 使用四个阶段vs 处理 ES6 语法
一、webpack 第一阶段 命名初始化阶段 项目名不能有汉字，不能取名叫 webpack 1、创建项目名称，并生成 ， 命令 : npm init -y 2、安装 : npm i -D webpac...
如何通过 webpack4来搭建自己的vue开发环境
作者：lentoo 平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始...
vue-cli中vue.config.js高级配置chainWebpack的使用方法
vue.config.js中对一些配置的更改，简单介绍一下loader的使用；用configureWebpack简单的配置；用chainWebpack做高级配置；包括对loader的添加，修改；以及插...
webpack搭建基于react + react-router +dva + es6 + less + antd中后台开发脚手架
初始化项目 mkdir React-Whole-barrels // 建立项目文件夹，名称随意 cd React-Whole-barrels mkdir src // 新建src文件夹 npm ini...