webpack基础原理

前端工程化基础（三）：Webpack基础

Webpack和打包过程学习webpack主要是为了了解目前前端开发的整体流程，实际开发中，我们并不需要去手动配置，因为框架的脚手架都已经帮助我们完成了配置内置模块path该模块在Webpack中会经常使用从路径中获取信息
前端大菜鸟_·2024-01-29 15:55

CSS自适应分辨率 postcss-pxtorem（适用于 Vite）

如果想知道基于Webpack+Vue2可移步《CSS自适应分辨率amfe-flexible和postcss-pxtorem（适用于Webpack）》项目对应的主要插件版本如下："vite":"^4.4.5
AvatarGiser·2024-01-29 15:25

【Vue】1-1、webpack的基本使用

一、什么是Webpack概念：webpack是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能化等强大的功能。
QX_Java_Learner·2024-01-29 15:25

超详细!Vue-coderwhy个人学习笔记(三)（Day4-Day5）

Vue-coderwhy个人学习笔记(二)（Day3）主要内容：前端模块化、webpack五、前端模块化(一)、为什么需要模块化？
coderYYY·2024-01-29 09:18

Webpack5从零开始搭建Vue-cli

先展示搭建好的项目目录：1、创建config文件，包含开发环境配置、生产环境配置以及合并后的webpack.config.js直接展示配置代码：constpath=require("path");constESLintWebpackPlugin
海浪在开花·2024-01-29 08:42

路由懒加载（React和Vue）

1、为了提升性能，将懒加载的文件单独打包在webpack.config.js配置打包成chunks//打包到不同的chunksoptimization:{//将动态加载(懒加载)的文件(imort())
海浪在开花·2024-01-29 08:09

Webpack 4 学习07（提取分离打包css）

安装插件min-css-extract-pluginnpminstallmini-css-extract-plugin--save-dev配置webpack.config.js引入插件constMiniCssPlugin
邢走在云端·2024-01-29 05:35

vue环境安装 nodejs和vue

webpack:它的主要用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli：官方提供的一个脚手架，用于快速生成一个vue的项目模板。
阿波拉·2024-01-29 04:18

Invalid options in vue.config.js: "compiler" is not allowed

vue-cli3.0创建的项目，已经干掉了原有的webpack配置，取而代之的是，vue.config.js相信很多人尝试配置的时候都遇到了这个bug。
北方蜘蛛·2024-01-29 03:39

Webpack(四)：devTool中SourceMap模式详解

一：什么是SourceMap?我们在项目进行打包后，会将开发中的多个文件代码打包到一个文件中，并且经过压缩，去掉多余的空格，且babel编译化后，最终会用于线上环境，那么这样处理后的代码和源代码会有很大的差别，当有bug的时候，我们只能定位到压缩处理后的代码位置，无法定位到开发环境中的代码，对于开发不好调式，因此sourceMap出现了，它就是为了解决不好调式代码问题的。官网devtoolhttp
CodeMT·2024-01-29 01:58

Vite学习指南

想要学习前端工程化，在新项目中投入使用Vite构建工具的朋友Webpack转战到Vite的小伙伴前端架构师们，可以充实自己的工具箱当然如果你没有项目相关开发经验，也可以从本课程中受益，让你开阔眼界，将你学到的前端知识融会贯通
秋の本名·2024-01-29 00:17

关于VueJs 等使用webpack工具的前端框架使用 WebWorker

WebWorker具体API指南参考：https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers详细介绍了webworker支持的JSAPI。VueJs中使用webWorker有大神已经封装了Vue-Worker，具体可参看。我们要用原生的。步
古川耕夫·2024-01-28 23:41

Webpack初识

Webpack究竟是什么对于刚接触Webpack的人来说，Webpack给人的第一感官就是一个js翻译器，把一些浏览器不能识别的代码翻译成可识别的，但是这样的理解是不准确的或者说错误的。
风间灵佑·2024-01-28 22:37

snowpack和vite：noWebpack，无bundle的代表

noWebpack的代表：snowpack和vite"noWebpack"，无bundle的代表：snowpack和vite背景snowpack支持情况上手使用安装初始化新项目旧项目迁移配置开发调试生产打包基本原理
Micheal_Wayne·2024-01-28 20:23

vite（一）——基本了解和依赖预构建

二、经典面试题：webpack和vite的区别1.编译方式不同2.基础概念不同3.开发效率不同4.扩展性不同5.应用场景不同6.总结（vite会取代webpack吗？）
前端张三·2024-01-28 20:14

vue学习阶段心态历程

基础知识看完后，后面讲到webpack，emm,报错，报错，报错。蒙了。最后发现那竟
王祉凯_家族二期·2024-01-28 17:06

vue项目启动不了，报错You may use special comments to disable some warnings.

vue-cli脚手架关闭eslint的步骤：1.打开build文件夹下面的webpack.base.conf.js;2.找到下面这段代码，并将它注释掉：constcreateLintingRule=()
木木化燕·2024-01-28 15:08

浏览器——HTTP缓存机制与webpack打包优化

文章目录概要强缓存定义开启关闭强缓存协商缓存工作机制通过Last-Modified+If-Modified-Since通过ETag+If-None-Match不使用缓存前端利用缓存机制，修改打包方案webpack
爱喝酸奶的一旬·2024-01-28 11:29

HBase入门、基础原理介绍

HBase入门、基础原理介绍一、HBase介绍1.1HBase特点1.2HBase架构二、HBase的读写删流程2.1HBase的写入流程2.2HBase的读流程2.3HBase的数据删除一、HBase
幸福右手牵·2024-01-28 09:07

PNPM 安装与使用

NPM命令PNPM命令npminstallpnpminstallnpmiaxiospnpmaddaxiosnpmiwebpack-Dpnpmaddwebpack-Dnpmrundevpnpmdevpnpm
2301_76866366·2024-01-28 08:14

vue-cli脚手架

1.安装vue-cli的前提是你已经安装了npm，输入npm-v查看版本2.用npm命令安装vue-clinpminstallvue-cli-g(只需安装一次)3.初始化项目vueinitwebpackproject1
undefind33·2024-01-28 08:05

OJAC近屿智能张立赛博士揭秘GPT Store：技术创新、商业模式与未来趋势

在这场深入的技术研讨中，我们将从GPTStore的基础原理出发，逐步揭开其在现代AI技术领域中的核心作用及其对未来的影响。本次讲座将
OJAC近屿智能·2024-01-28 06:12

无星的前端之旅（十五）——babel初探

但是一直我都不知道怎么去操纵它，只知道需要一堆配置，配合webpack可以做这件事（甚至我一度认为必须使用webpack才能做这件事）。
无星灬·2024-01-28 05:47

Vue.js 3.0 学习笔记（十四）使用ElementPlus按需自动导入

前言IDEAvuecli5.0vue3element-plusvue里面的vue.config.js相当于webpack.config.js，在vue项目中可直接通过修改vue.config.js修改webpack.config.js
奥妙无穹·2024-01-28 05:29

vue中图片不显示问题 - vue中静态资源加载

文章目录vue中图片不显示问题静态资源URL转换规则webpack静态资源处理图片不显示问题问题描述解决办法1：使用require引入requireisnotdefined解决办法2：使用import引入解决办法
nuise_·2024-01-28 05:54

Vue3笔记

一.前端工程化webpack代码压缩、解决js的浏览器兼容性问题、性能优化webpack.config.js文件下：mode节点：1.development开发时用，不代码压缩和性能优化，打包速度块2.
nknmn_·2024-01-28 03:21

vue(路由懒加载)

该方法是基于webpack的，项目中使用的是下面版本："webpack":"^3.6.0",在vue的路由配置文件中可以这么使用：constNoPage=()=>import('..
ismyshellyiqi·2024-01-28 00:29

vue2.0学习笔记黑马

前置知识一、WebPack实际开发中并不需要手动配置webpack1、概念webpack是前端项目工程化的具体解决方案主要功能：提供了友好的前端模块化开发支持、以及代码压缩混淆、处理浏览器端javaScript
firewrk·2024-01-28 00:44

前端工程化之：webpack1-4(编译结果分析)

一、运行环境打包webpack会假定项目的入口起点为src/index.js，然后会在dist/main.js输出结果，并且在生产环境开启压缩和优化。我们要分析的就是main.js文件。
小李老笨了·2024-01-27 22:24

前端工程化之：webpack1-6(编译过程)

一、webpack编译过程webpack的作用是将源代码编译（构建、打包）成最终代码。
小李老笨了·2024-01-27 22:23

前端工程化之：webpack1-2(安装与使用)

一、webpack简介webpack中文网webpack是基于模块化的打包(构建)工具，它把一切视为模块它通过一个开发时态的入口模块为起点，分析出所有的依赖关系，然后经过一系列的过程(压缩、合并)，最终生成运行时态的文件
小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-3(模块化兼容性)

一、模块化兼容性由于webpack同时支持CommonJs和ES6module，因此需要理解它们互操作时webpack是如何处理的。
小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-5(配置文件)

一、配置文件webpack提供的cli支持很多的参数，例如--mode，但更多的时候，我们会使用更加灵活的配置文件来控制webpack的行为。
小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-1(构建工具）

一、浏览器端的模块化1.问题效率问题：精细的模块划分带来了更多的JS文件，更多的JS文件带来了更多的请求，降低了页面访问效率；兼容性问题：浏览器目前仅支持ES6的模块化标准，并且还存在兼容性问题；工具问题：浏览器不支持npm下载的第三方包。这些仅仅是前端工程化的一个缩影。当开发一个具有规模的程序，你将遇到非常多的非业务问题，这些问题包括：执行效率、兼容性、代码的可维护性可扩展性、团队协作、测试等等
小李老笨了·2024-01-27 22:21

webpack底层原理和使用方法

文章目录1.webpack的定义2.webpack的背景3.webpack的核心思想3.webpack的作用4.webpack的优势5.webpack的劣势6.对比其他打包工具7.webpack的浏览器兼容性
贫僧法号依平·2024-01-27 22:50

【Vue】1-3、Webpack 中的 loader

一、概述在实际开发过程中，webpack默认只能打包处理以.js后缀结尾的模块。其他的非.js后缀名结尾的模块webpack默认处理不了，需要调用loader加载器才可以正常打包，否则会报错！
QX_Java_Learner·2024-01-27 22:35

【Vue】1-5、Source Map

二、解决默认SourceMap的问题开发环境下，推荐在webpack.config.js配置文件中添加如下的配置：module.exports={mode:'develo
QX_Java_Learner·2024-01-27 22:35

【Vue】1-2、Webpack 中的插件

一、Webpack插件的作用通过安装和配置第三方的插件，可以拓展webpack的能力，从而让webpack用起来更方便。
QX_Java_Learner·2024-01-27 22:05

【Vue】1-4、打包发布

一、配置webpack的打包发在package.json文件的scripts节点下，新增build命令如下："scripts":{"dev":"webpackserve"，//开发环境中运行dev命令"
QX_Java_Learner·2024-01-27 22:32

webpack5构建基于Vue3+ElementPlus项目搭建(开发和生产)

项目基于webpack5+vue3+ElementPlus环境构建主要配置文件:package.json插件使用和版本配置等信息.eslintrc.js启用eslint检测代码规范babel.config.jses
追逐梦想之路_随笔·2024-01-27 17:31

悦读社发言（127）

微观经济学的两个基础原理——《牛奶可乐经济学》读后《牛奶可乐经济学》这本书，讲述了如何用博物经济学的思维方式，通过基础经济学原理来分析生活中常见的经济现象。
冯雪松_4d76·2024-01-27 17:51

从 0 开始搭建 React 框架

webpack配置不再赘述，可参考前三个文章（wenpack5基本使用1-3）使用react安装react、react-dom、@babel/preset-reactyarnaddreactreact-dom
丶清风不问烟雨·2024-01-27 15:13

webpack区分打包类库代码及代码优化

1.配置文件webpack.configconstpath=require('path')constVueLoaderPlugin=require('vue-loader/lib/plugin');constHTMLPlugin
季末丶晦夏·2024-01-27 10:33

使用vue-cli-plugin-electron-builder打包electron遇到的坑

./",chainWebpackMain
@zjm·2024-01-27 09:34

webpack优化

treeshakingtreeshaking去掉我们没有使用的代码满足条件自动开启使用ES6模块化语法开启webpack生产环境配置可以在配置文件中使用sideEffects,*号代表全选"sideEffects
3fdd41da0a59·2024-01-27 09:39

Vue使用svg图片-svg-sprite-loader插件

在vue2配合webpack；svg图片不存在id冲突，在使用时无需显示引入
禾苗种树·2024-01-27 06:28

对于gzip的了解

静态资源VueVueCLl修改vue.config.js，配置configureWebpack等属性，利用webpack的扩展功能实现gzip文件的生成（产生.gz相应的压缩文件）Reactnpmruneject
小安吖~·2024-01-27 05:51

vue init webpack时timeout

Failedtodownloadrepovue:connectETIMEDOUT192.30.253.112:443Failedtodownloadrepovue:connectETIMEDOUT192.30.253.112:443连接超时你如果没有用后面的ip地址的话，需要在C:\Windows\System32\drivers\etc的hosts文件中添加两行ip配置解决步骤：1.打开终端（c
ClearLoveQ·2024-01-27 04:15

【创建vue项目的两种方式】

Vue环境搭建NodeJs安装包安装淘宝镜像环境搭建webpack安装全局安装@vue/cli查看模板创建项目1.webpack2.vue-cliNodeJs安装包下载链接：官网链接下载下来后，直接傻瓜式的安装即可
员宇宙·2024-01-27 04:45

vue打包文件太大，利用SplitChunksPlugin插件进行公共模块抽取

vuecli3.0脚手架默认的webpack版本是4.0所以要用SplitChunksPlugin插件；webpack4之前的都是利用CommonsChunkPlugin插件来进行公共模块抽取；chainWebpack
三七_z·2024-01-27 01:46
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他