webpack

webpack安装以及基础使用

标签： vue.js

webpack安装以及基础使用

认识Webpack Webpack可以看作是模块打包机，做的事情就是，分析项目结构，找到JavaScript模块以及其他的一些浏览器不能直接运行的拓展语言（Sass，TypeScript），并将其转换和打包为合适的格式以供浏览器使用，在...

webpack一文通

标签： webpack 原理

站位

vue2+webpack升级vue3+vite，报错Cannot read properties of null (reading ‘isCE‘)

标签： vue.js 前端 vue

vue2+webpack升级vue3+vite，修改插件兼容性bug前面的文章主要是介绍，在升级初始阶段遇到的一些显而易见的兼容性问题和bug。随着项目迭代的不断深入，一些不容易暴露的问题也渐渐呈现。本文主要记录一些开发重构...

webpack 源码泄露

标签： vue.js webpack javascript

webpack是一个JavaScript应用程序的静态资源打包器（module bundler）。它会递归构建一个依赖关系图（dependency graph）,其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。大部分Vue等...

webpack5之模块联邦

标签： javascript webpack 前端

联邦模块是 webpack5 提供的一个新特性，它是通过 webpack 原生提供的 ModuleFederationPlugin 插件来实现的。联邦模块主要是用来解决多个应用之间代码共享的问题，可以让我们的更加方便的实现跨应用的代码共享。

webpack打包原理，面试题web前端

标签：前端 webpack node.js

但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些...

【webpack】学习记录（一），积累总结

标签： webpack 学习前端

资料过多，篇幅有限自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。...

webpack中文文档

标签： webpack

webpack中文文档

Webpack 自定义插件编写

标签： webpack javascript 前端

当编写一个自定义插件时，需要知道webpack 插件由以下组成：一个 JavaScript 命名函数或 JavaScript 类。在插件函数的 prototype 上定义一个apply方法。指定一个绑定到 webpack 自身的事件钩子。处理 ...

手写webpack原理

标签： webpack 前端 javascript

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！...93650)]由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含...

Webpack 大厂面试通关指南，web前端面试

标签：前端 webpack 面试

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要...

webpack开发Vue配置

标签： javascript es6 前端

在webpack的世界里，一张图片、一个css甚至一个字体，都成为模块（Module），彼此存在依赖关系，webpack就是来处理模块间的依赖关系的，并把它们进行打包。 webpack的主要适用场景是单页面富应用（SPA）。SPA通常是...

webpack使用方法（一）：安装webpack

标签： webpack javascript npm

首先，webpack是构建在Node.js的基础之上的，所以安装webpack之前，需确保本地安装了Node.js。 Node.js官网：https://nodejs.org/en/ 这里有两个版本可供选择，对于开发用户，推荐下载LTS版本（长期支持版本），建议...

webpack 插件 ProvidePlugin 的使用方法和 eslint 配置

标签： vue.js node.js webpack

webpack 插件 ProvidePlugin 的使用方法和 eslint 配置

webpack

标签： webpack

ing。

Webpack5 踩坑之（html-webpack-plugin）

ERROR in Error: The loader "/home/project/vue3-demo/node_modules/html-webpack-plugin/lib/loader.js!/home/project/vue3-demo/public/index.html" didn't return html. - index.js:339 HtmlWebpackPlugin....

WebPack安装

标签： node.js webpack

安装webpack首先要安装Node.js，需要用到Node自带的软件包管理工具npm(node package manage) 查看自己的node版本：全局安装webpack（3.6.0） -g表示全局安装，在终端直接执行webpack命令，使用的全局安装的...

webpack源码分析——enhanced-resolve库之cdUp函数

标签： webpack 前端 javascript

该函数寻找上层目录，每次调用函数时对输入的路径进行一次寻找上级目录。如果没有找到返回null。

浅谈webpack的使用

标签： webpack 前端 node.js

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识...

webpack-merge的使用

标签： webpack javascript 前端

注意，在环境特定的配置中使用 merge() 功能，可以很方便地引用 webpack.dev.js 和 webpack.prod.js 中公用的 common 配置。webpack-merge 工具提供了各种 merge(合并) 高级功能，但是在我们的用例中，无需用到这些...

盘点Webpack常见使用配置

标签： webpack javascript 前端

随着前端开发越来越复杂，那么我们需要做的功能也不止基本界面了，比如开发过程中我们需要通过模块化的方式来开发；比如也会使用一些高级的特性来加快我们的开发效率或者安全性，比如通过ES6+、TypeScript开发...

【前端】webpack5使用webpack-dev-server实现热更新和代理

标签： webpack 前端 javascript

【前端】webpack5的配置及基本使用。【前端】webpack5常用loader和plugin。今天我们来看一下webpack-dev-server，它是什么呢？大家有没有发现，在前面两篇博客的例子中，我们每次修改完js文件后，都需要再次打包，...

Webpack 和 Rollup：一样但又不同

标签： webpack javascript 前端

最近在看Vue源码的时候发现一个新的打包工具Rollup.js，之前没有听说过这个工具，也不了解Rollup.js相比于常用的打包工具webpack有什么异同和优势，随后查了一下了解到Vue，React，D3，Three.js，Moment源码里都有它...

webpack打包时如何修改文件名

标签： webpack 前端

webpack打包时如何修改文件名在使用webpack进行项目打包的时候，我们可通过以下方式对不同类型的资源，进行文件名或文件路径的修改

Webpack5中的文件监听与热更新

标签： webpack javascript 前端

文章目录Webpack中的文件监听启动 webpack 命令时，带上--watch参数再配置文件webpack.config.js中设置watch：true文件监听的与原理热更新安装webpack-dev-server配置package.json将webpack.config.js中node改为...