Webpack 第20页

React-项目构建与组件详解

React脚手架（create-react-app）意义：脚手架是官方提供，零配置，无需手动配置繁琐的工具即可使用充分利用Webpack，Babel，ESLint等工具辅助项目开发关注业务，而不是工具配置

秃头请走开·2024-01-09 10:12

Vue-----环境搭建和常见问题整理

说明：涵盖内容：整理以Webpack方式初始化Vue项目的流程环境：mac环境1.下载安装Node.js如果已经安装不想使用老版本/node安装失败，先进行卸载sudonpmuninstallnpm-gsudorm-rf

年少不秃头·2024-01-09 08:19

vue3 img图片怎么渲染

这是因为Vue3早期的低版本采用的还是webpack打包工具。webpack里面是有require的，也是支持require的。

SailingCoder·2024-01-09 07:53

说说你对webpack的理解？解决了什么问题？ 2021-04-25

说说你对webpack的理解？解决了什么问题？理解：webpack是一款模块加载，资源打包工具.解决了什么问题：如何在前端项目中高效的管理和维护项目中的每一个资源。

October_CanYang·2024-01-09 06:51

vue项目在IE浏览器打不开问题

babel-polyfill1.npminstall--savebabel-polyfill2.man.js引入import'babel-polyfill'3.index.html添加4.build中的webpack.base.conf.js

别人都叫我小志·2024-01-09 06:20

你真的理解 Webpack？请回答下列问题

你真的理解Webpack?你真的理解Webpack？如果知道以下问题的答案，则意味着已经掌握了Webpack。欢迎提供您的答案。

追风哥哥丫·2024-01-09 04:25

Vue项目性能优化实战

前言Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM；但Vue项目中仍然存在项目首屏优化、Webpack

一个正在努力的人类·2024-01-09 02:25

本地引入Element UI后导致图标显示异常

梦凝哲雪·2024-01-09 02:32

解决：webpack 编译成功了，没有生成的文件

问题webpack编译成功，没有任何的报错或警告，就是没有生成的文件。这是我开始的配置constpath=require("path");module.exports={entry:'.

清缓存试试·2024-01-09 01:27

react+AntDesign 之 pc端项目案例

1.环境搭建以及初始化目录CRA是一个底层基于webpack快速创建React项目的脚手架工具#使用npx创建项目npxcreate-react-appreact-jike#进入到项cdreact-jike

jiojio在学习勒·2024-01-08 22:25

vue3 vite使用 monaco-editor 报错

报错：UnexpectedusageatEditorSimpleWorker.loadForeignModule修改配置："monaco-editor-webpack-plugin":"^4.2.0",

m~781·2024-01-08 20:39

uniapp打包后图片资源会重复

hbuildx打包后文件过大，多方优化后，发现会生成重复的图片，如图：临时解决方法：lib.zipchain-webpack.js_.zip解压lib.zip替换到HBuilderX根目录/plugins

正兒八经DI瞎练ぃ·2024-01-08 19:51

项目里的图片压缩

chainWebpack:(config)=>{config.resolve.alias.set("components",resolve("src/components")).set("views",

weixin_42777161·2024-01-08 18:27

Webpack 如何优化，有哪些方案

参考地址：面试题-Webpack-优化-简书webpack性能优化开发环境性能优化生产环境性能优化HMR（hotmodulereplacement热模替换）作用：一个模块发生变化，只会重新加载变化了的模块

木头没有瓜·2024-01-08 13:06

React - 项目中使用jsx语法

但是我们需要用babel来编译，实际上这种jsx语法最后会经过webpack,babel编译成React.createElement来创建虚拟DOM步骤:安装babel包babel-loader：使用Ba

辻子路·2024-01-08 11:02

webpackChunkName 魔法注释失效解决，只能显示 id 的解决方案

问题路由懒加载时，采用ES6的按需加载方式，却无法显示webpackChunkNameconstBackHome=()=>import(/*webpackChunkName:'backHome'*/'@

Dreamy_lin·2024-01-08 10:11

搭建React开发环境-webpack实现

webpack版本：webpack5编译器：vscode第一步、新建项目及初始化1）新建项目文件夹可命名为my_webpack2）初始化项目使用命令npminit-y，即可生成package.json文件夹

梦幻通灵·2024-01-08 07:30

【一】使用vue-cli创建vue3的helloworld项目

恋上钢琴的虫·2024-01-08 06:31

Cesium 50个实例集合，讲解、分析(内附源码)

Cesium-Project为方便快速测试CesiumDemo使用，添加了一些演示demo并且提供了webpack打包的示例。目前整理了20个demo，后面会对demo进行讲解。

WmjXiaoJun·2024-01-08 04:24

Windows下使用npm安装webpack报错记录

先贴一下报错信息，其中E:\nodejs\是我的安装路径：FetchError:Invalidresponsebodywhiletryingtofetchhttps://registry.npmjs.org/webpack

Hansel.Wn·2024-01-08 04:03

npm install webpack -g报错 rollbackFailedOptional: verb npm-session

使用npminstall安装组件时报错：rollbackFailedOptional:verbnpm-sessionxxxx查资料发现原因：组件目标地址无法访问导致，切换npm内网源或国内源即可解决。npmconfigsetregistryhttps://registry.npm.taobao.org//淘宝源注意：该配置跨用户不生效，切换用户需要再次设置。可通过如下命令查看是否配置成功npmco

王俞萱·2024-01-08 04:02

webpack配置入门

webpack是需要一定配置才能使用的，否则无任何效果。在开始webpack学习之前必须理解以下5个核心概念。

陆康永·2024-01-08 04:22

webpack5新特性

.通过更好的树摇和代码生成来改善捆绑包大小.清除处于怪异状态的内部结构，同时在v4中实现功能而不引入任何重大更改.通过引入重大更改来为将来的功能做准备，以使我们能够尽可能长时间地使用v5.下载npmiwebpack

热心市民萝卜先生·2024-01-08 03:12

遇到 Loading chunk {n} failed问题不要慌

vue-router]Failedtoresolveasynccomponentdefault:Error:Loadingchunk10failed.大致意思就是路由异步加载组件的时候报错了报错来自于webpack

w候人兮猗·2024-01-08 02:27

vue.js之vue-cli中使用less

vue.js之vue-cli中使用less1.首先，安装less和less-loader，在项目目录下运行如下命令npminstalllessless-loader--save-dev2.在配置文件build/webpack.config.js

一个小前端程序员·2024-01-08 01:44

聊一聊 webpack 和 vite 的开发服务代理的问题

webpack和vitewebpackVite重新编辑的问题`changOrigin:true`如何定义/api?

東方幻想郷·2024-01-08 01:38

Vue入门

一.安装vue-cli(第一次使用的时候进行安装)2.Npmi-gvue-cl3.Npmiwebpack-g4.Npmiwebpack-cli-g5.创建项目（Vuecreate项目的名字）6.如果出现这个就是

yangyang丫·2024-01-08 01:35

vsCode中编写vue项目时，webpack配置的alias别名无效

1、vsCode工具配置（settings.json文件配置所有项目可用）解决方案一：在插件市场中安装PathIntellisense插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：解决方案二：在插件市场中安装PathAutocomplete插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：2、项目配置如项目需要单独配置，可

汝若念卿·2024-01-07 21:08

Vue API - extend 开发消息弹窗组件

$mount("#app");复制代码借助webpackvue-loaderApp.vue将会导出成一个对象App,h函数将App数据渲染成节点再挂载到#app节点下。至此所有

weixin_34337265·2024-01-07 21:45

webpack插件探索

看了官网和一些其它技术文章，我觉得webpack插件主要搞清楚几个问题：1.他用来做为什么。2，什么时候做。3.怎么做。

小飞牛牛·2024-01-07 20:58

Vue CLI初识

【集成了webpack配置】好处开箱即用，零配置内置babel等工具标准化的webpack配置使用步骤全局安装（只需安装一次即可）yarnglobaladd@vue/cli或者npmi@vue/cli-g

duration～·2024-01-07 18:12

VUE使用BMap地图获取当前ip的省市

1.首先获取百度地图密钥，然后引入到index.html里面2.安装BMapnpminstallbmap3.在vue.config.js文件configureWebpack中加入以下代码configureWebpack

小山坡月·2024-01-07 17:19

【前端】Nodejs与Webpack（学习笔记）

一、Node.js入门1、概述Node.js是一个独立的JavaScript运行环境，能独立执行JS代码，因为这个特点，它可以用来编写服务器后端的应用程序Node.js作用除了编写后端应用程序，也可以对前端代码进行压缩，转译，整合等等，提高前端开发和运行效率Node.js基于ChromeV8引擎封装，独立执行JS代码，但是语法和浏览器环境的V8有所不同，没有document和window但是都支持

wmh1024·2024-01-07 16:12

Webpack项目学习：Vue-cli（脚手架）-优化配置 -ui库element-plus+减小打包体积 -按需加载+自定义主题+优化

npminstall-Dunplugin-vue-componentsunplugin-auto-import//ESLint先引入constESLintPlugin=require('eslint-webpack-plugin

¡Venceremo·2024-01-07 15:49

webpack配置proxy反向代理，解决跨域问题

目的：为了解决前端和后端联调数据，出现的跨域问题,通过配置反向代理，可以更好的联调数据webpack官网常见跨域场景(1)同一域名，不同端口http://www.demo.com:8000/a.jshttp

回到唐朝做IT·2024-01-07 12:16

Vue 文件的 “export default”

vue文件,这个文件会被vue-loader(如果你用的是Webpack的话)加工处理其中部分会被vue-template-compiler编译成render函数,并插入到exportdefault{render

coderlion·2024-01-07 12:47

使用vue-cli创建项目模板

打开终端（我用的是gitbash,windows下）cd~/Desktopnpminstall-gvue-cli全局安装vue-clivueinitwebpackblog-client提示（vue命令不能使用

王童孟·2024-01-07 11:02

TypeError: loaderUtils.getOptions is not a function

webpack版本：^5.89.0但是直接pnpmaddloader-utils安装的版本比较新，会报错：TypeError:loaderUtils.getOptionsisnotafunction。

festinalente·2024-01-07 11:37

webpack 5 loader

webpack本身不能识别js，json外的资源，所以我们需要借助其他loader来处理对应的文件CSSLoader，处理css安装npmicss-loaderstyle-loader-Dcss-loader

陆康永·2024-01-07 11:04

vue项目js代码中输出html代码时，使用img标签引用图片不显示的解决方法

部分此时页面图片展示不出来解决办法1图片放置在public打包后的目录下js代码引用解决办法2使用变量承载并require图片路径js代码引用两种解决方案分析方案1放置在public文件夹内，会导致图片没有经过webpack

Demons小妖·2024-01-07 09:09

vue assets动态引入图片解决打包后图片路径错误不显示的问题

通用：适用于处理单个链接的资源文件importhomeIconfrom'@/assets/images/home/icon.png'webpack构建的项目这里我们先假设：静态文件目录：src/assets

前端小芬芬·2024-01-07 09:07

webpack3，webpack4，webpack5的区别

文章目录webpack3webpack4webpack5总结webpack逆向案例js逆向中经常会遇到webpack打包过的js代码，不同的版本，打包的结果也存在差异。

我是花臂不花·2024-01-07 07:57

首屏加载优化有哪些方案？

Vue-Router路由懒加载（利用Webpack的代码切割）使用CDN加速，将通用的库从vendor进行抽离Nginx的gzip压缩Vue异步组件服务端渲染SSR如果使用了一些UI库，采用按需加载Webpack

Virgil_x·2024-01-07 06:52

Webpack5 搭建一个简易的 React+TS 开发环境

Webpack5搭建一个简易的React+TS开发环境.png之前入行前端系统学习过Webpack，那时候的版本是4，当时对Webpack的印象就是简单，但绝不易上手，尤其是应用到项目中，各种插件眼花缭乱

CondorHero·2024-01-07 05:12

yarn add 安装指定版本

yarnaddxxx安装默认版本[email protected]安装指定版本yarnaddxxx@tag安装特定版本在安装[email protected],webpack@4.x.x,webpack@3

寻ing·2024-01-07 05:03

配置sass全局变量Undefined variable: “$theme-color“.

prependDatamodule.exports={css:{loaderOptions:{sass:{prependData:`@import"assets/css/_variable.scss";`}}},configureWebpack

yrfjygb·2024-01-07 03:32

[Vue CLI 3] vue inspect 的源码设计实现

inspectinternalwebpackconfig能快速地在控制台看到对应生成的webpack配置对象。

weixin_33695082·2024-01-07 03:01

将vue-cli的webpack配置独立输出

vueinspect--mode=development>webpack.dev.jsvueinspect--mode=production>webpack.dev.js如果vue没有全局安装，并且使用了

大猫会长·2024-01-07 03:00

Vue Cli inspect

VueCliinspectvue-cli-serviceinspect：可以使用vue-cli-serviceinspect来审查一个VueCLI项目的webpackconfig使用方法：1、输出在控制台

yrfjygb·2024-01-07 03:29

vue 项目在main.js引入scss文件时报找不到文件的异常（确定路径正确）

新版本的vue-cli已经帮我们把sass-loader配置好了，放在util.js里面了前面我们通过cnpminode-sasssass-loader-D安装好了scss依赖并在build文件夹下的webpack.base.conf.js

是阿信ya·2024-01-07 03:49

推荐频道

Webpack