【WebPack】第51页

webpack 优化

打包优化webpack优化1、依赖转化，兼容低版本浏览器2、生产环境关闭sourceMap3、打包输出目录名称修改和静态资源的存放4、修改图标5、修改webpack配置5-1、写在此处的配置可以覆盖掉脚手架本来就预设上有的配置

weixin_43993776·2023-10-28 05:08

webpack 打包运行react项目报错HtmlWebpackPlugin is not defined解决方案

运行yarnwebpack打包项目报错HtmlWebpackPluginisnotdefined，采坑过程升级webpack-cli版本、降低webpack版本都没有作用，我的项目中使用的是webpack5

宋小菜_菜菜·2023-10-28 04:44

Webpack原理小记

webpack是把项目当作一个整体，通过给定的一个主文件，webpack将从这个主文件开始找到你项目当中的所有依赖的文件，使用loaders来处理它们，最后打包成一个或多个浏览器可识别的js文件webpack

木头木头我是木头·2023-10-28 00:56

前端面试题一览——面试so easy！

这里写目录标题http系列html系列css系列JavaScript系列ES6系列vue系列react系列Webpack系列版本控制系列TypeScript系列http系列html系列css系列用css

喬~~·2023-10-27 23:28

1 webpack的安装使用配置

本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。

辣瓜瓜·2023-10-27 23:52

研究了一下 Webpack 打包原理，顺手挣了个 AirPods Pro

这些年，Webpack基本成了前端项目打包构建的标配。关于它的原理和用法的文章在网上汗牛充栋，大家或多或少都看过一些。

1024译站·2023-10-27 20:51

vue：4-2 单文件组件

1、安装vue脚手架（全局安装，只需一次）npminstall--globalvue-cli2、项目构建官方模版vueinitwebpackmy-project（tips：代码语法检查较麻烦）推荐vueinitwebpack-simplemy-project

不期而遇_3491·2023-10-27 20:59

vue 页面跳转记录位置返回在原来滚动的位置

第一步：在router文件里面的index.js写入{path:'/carsList',name:'CarsList',//汽车列表component:()=>import(/*webpackChunkName

至_臻·2023-10-27 19:29

nginx解决跨域问题

一般我们的解决方法是在webpack中设置代理，配置devServer:module.exports={dev

givenchy_yzl·2023-10-27 17:45

vue中通过externals的方式引入echarts（优化打包时间）

注意下webpack的版本在vue.config.js中设置configureWebpack的externalsmodule.exports={lintOnSave:false,productionSourceMap

有蝉·2023-10-27 16:30

vue封装自定义组件，打包发布到npm上使用

封装vue组件库有2种形式：1、使用webpack-simple模板，没有vue-router的中间件，不需要路由时推荐使用，同时webpack-simple没有格式的检测2、使用webpack模板┌─

PrinciplesMan·2023-10-27 14:32

Webpack简介及打包演示

Webpack是一个静态模块打包工具，从入口构建依赖图，打包有关的模块，最后用于展示你的内容静态模块：编写代码过程中的，html，css，js，图片等固定内容的文件打包过程，注意：只有和入口有直接/间接引入关系的模块

清梦压星河_Ciao·2023-10-27 12:18

eslint识别不了别名解决方法

npmieslint-import-resolver-alias-D第二步：在eslintrc.js配置module.exports={settings:{'import/resolver':{alias:{map:[//这里参照webpack

青云码上·2023-10-27 12:00

前端面试题【背完最低10k】

面试题分五部分详解前端部分框架（vue2、vue3）前端部分主要从五个方面来准备，包括基础知识（html+css+javascript）、框架（vue2、vue3）、打包工具（webpack）、协议（http

菜鸟0201·2023-10-27 11:36

scratch3.0之引入antd

引入antd不难，难得是webpack配置。因为scratch用的是cssmodule，而antd遵循esmodule，antd的样式会污染全局样式，必须单独处理。参考了这篇文章。

LiviSun·2023-10-27 10:22

webpack 的核心定义

webpack的核心定义是模块打包工具webpack实际上算不上一个翻译器，他只能翻译import语句。他的核心功能就是将各个模块打包到一起。

Byhua·2023-10-27 09:12

前端性能优化原理与实践

文章目录前言性能优化概况webpack性能调优webpack性能瓶颈webpack优化方案webpack的Gzip和服务端的Gzip图片优化（质量与性能）二进制位数与色彩的关系JPEG/JPGPNG-8

1oneLee·2023-10-27 08:58

Vue 项目性能优化实践

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

frontend_frank·2023-10-27 08:26

前端开发技术栈（工具篇）：2023深入了解webpack的安装和使用以及核心概念和启动流程（详细） 63.3k stars

目录Webpack简介EntryModuleChunkLoaderPluginOutputWebpack的启动流程Webpack的优缺点Webpack的使用1.安装Webpack2.创建Webpack配置文件

SteveRocket·2023-10-27 08:34

精读《Rust 是 JS 基建的未来》

RustIsTheFutureofJavaScriptInfrastructure这篇文章讲述了Rust正在JS基建圈流行的事实：Webpack、Babel、Terser、Prettier、ESLint

黄子毅·2023-10-27 07:30

微前端qiankun接入Vue和React项目

主应用：Vue3+Webpack1、创建主应用：npxvuecreatemain-vue3-app2、安装qiankunnpxyarnaddqiankun3、项目中使用的vue、vue-router、qiankun

UzumakiHan·2023-10-27 06:08

react项目npm start启动失败（webpack版本冲突问题）

运行了一个别人的react的项目，npminstall安装完依赖之后npmstart出现报错，弄了一个中午才弄好，报错的代码如下：>[email protected]:\Users\1147484597\Desktop\代码css，js\react\day6react脚手架\react_first>react-scriptsstartTheremightbeaproblemwithth

鲁少聚·2023-10-27 06:49

vue-element-admin-master前端框架了解

文章目录一、前端框架了解1、目录结构2、关键文件2.1package.js2.2build/webpack.dev.conf.js2.3index.html2.4src/main.js2.5config

加贝力口贝·2023-10-27 04:16

如何提高webpack的构建速度？

一、背景随着我们的项目涉及到页面越来越多，功能和业务代码也会随着越多，相应的webpack的构建时间也会越来越久构建时间与我们日常开发效率密切相关，当我们本地开发启动devServer或者build的时候

嚣张农民·2023-10-27 04:11

Webpack学习

webpack是一种打包工具----安装npminstallwebpackwebpack-cliwebpack-dev-server-D----webpack配置文件可命名webpack.config.js

被风吹散的人·2023-10-27 04:38

webpack学习

一、介绍和基本使用1、webpack本身功能较少，只能处理js资源，一旦遇到css等其他资源会报错2、基本使用：创建js/count.js、js/sum.js、src/main.js//js/count.jsexportdefaultfunction

qiaocccccc·2023-10-27 04:07

父子组件具体访问 + 插槽slot + 模块化开发webpack -- 大二上第十五周

目录父子组件的相互通信实例父子组件的访问方式插槽slot具名插槽作用域插槽模块化开发webpackwebpack.config.js和package.jsoncss文件的配置--loader父子组件的相互通信实例子组件不能改变父组件内部的值如果想要改变从父组件传入子组件的数值

这里是慕戈·2023-10-27 03:12

Vue学习Day6 插槽slot使用、编译作用域、作用域插槽、模块化开发、webpack介绍、安装

起起伏伏乃人生常态，继续加油～学习内容1.插槽slotslot基本使用具名插槽slot2.编译作用域3.作用域插槽4.模块化开发CommonJs(了解)5.ES6模块化的导入和导出export使用import使用6.Webpack

AIpoem·2023-10-27 03:08

HBuilder创建vue-cli项目并安装element-plus后测试打包

二、新建vue3项目HBuilder只是一个开发环境，可以借用其自带的项目生成功能，这和使用命令vueinitwebpackAdmin创建项目生成的目录文

暂时先用这个名字·2023-10-27 02:44

vue加载优化

分析vue的机制可以知道，vue是把所有的js，cs打包成精简的几个js和css文件然后进行压缩处理，我的工程中是用webpack进行打包的，打包后依赖vue，element，lodash等被打包压缩成了

前端开发工程师老唐·2023-10-27 01:31

vue3.3 新特性详解

前言当升级到3.3时，建议同时更新以下依赖项：volar/vue-tsc@^1.6.4vite@^4.3.5@vitejs/plugin-vue@^4.2.0vue-loader@^17.1.0(ifusingwebpackorvue-c

Avicli·2023-10-27 00:05

快速掌握Gulp自动化构建工具

Gulp是一个自动化构建工具，类似Webpack，目的是把开发环境的代码转换为生产环境的代码，比如ES6转ES5、Saas转CSS、文件压缩等。

蚂蚁二娘·2023-10-27 00:03

vue2后台管理

项目技术栈基于ES2015+、vue、vuex、vue-router、vue-cli、axios；支持本地mock数据(基于Mockjs+webpackdevserver)；支持异步请求代理；支持模块化开发支持权限化显示自动发现并注册路由

tadpole坤·2023-10-26 18:07

Vue项目下IE报错 SCRIPT1003: 缺少 ‘:‘，导致页面空白的解决方案

2查看报错在IE浏览器中输入系统网址，打开控制台，发现有这样的报错：SCRIPT1003:缺少':'第一个想法就是需要对webpack进行一些兼容性配置，于是小编低下头默默的先进行了一通通用配置操作。

Jeremy-C·2023-10-26 17:28

vue cli 项目在IE9/10中报错SCRIPT1002: 语法错误[解决步骤]

babel-polyfillnpminstallbabel-polyfill2.在页面入口配置main.js中引入babel-polyfillimport("babel-polyfill")3.解决编译错误----重要有的解释说是webpack-dev

qq_23999487·2023-10-26 17:23

2020-09-07

cnpminstall--save-devhtml-webpack-pluginyarnaddhtml-webpack-plugin-Dhttps://webpack.docschina.org/plugins

songyu0·2023-10-26 17:17

react项目刷新、打包后白屏问题解决

项目配置@craco/craco，可参考博客craco.config.js添加如下配置//顶部引入pathconstpath=require("path");module.exports={...webpack

Beamon__·2023-10-26 16:58

webpack Esline(19)

获取全套webpack4.x教程，请访问瓦力博客ESLint是一个ECMAScript/JavaScript语法规则和代码风格的检查工具，它的目标是保证代码的一致性和避免错误。

瓦力博客·2023-10-26 15:51

Windows下Vue项目启动环境搭建

目录一、node安装二、配置全局环境变量三、安装Vue-cli四、安装webpack五、webStorm配置一、node安装进去Node的官网连接下载安装包：下载连接（1）选择自己电脑位数的安装包（2）

小迷你的大宝贝·2023-10-26 14:16

Node.js的安装以及配置npm全局模块路径和缓存路径

webpack：分析项目结构，将Jav

xiaokanfuchen86·2023-10-26 11:55

Vue开发步骤

1.初始化项目:vueinitwebpack项目名称2.简单的修改配置文件:修改端口,自动打开...3.删除默认项目中多余的代码和文件4.再进一步的搭建项目结构5.进一步的修改src文件夹src|---

远方的路_·2023-10-26 11:41

qq_43528792·2023-10-26 10:34

vue获取css内容进行替换_Vue 实现换肤功能

业务需求：根据不同的"标识"加载应用时自动更换主题需要的东西：vue-cli全家桶主要(vuex,vue-router)，less，webpack，两套同样目录结构的主题静态资源(css,图片)最终效果主题

架狙只打脚·2023-10-26 08:29

Vue学习之--安装(npm方法)

荔枝学习·2023-10-26 07:34

ReferenceError: document is not defined

webpack打包:npminstall；出现“documentisnotdefined”错误解决方法：查找index.art页面是否引入了""标签，删除即可

Y2000104·2023-10-26 06:38

ReferenceError: _dirname is not defined

//webpack打包：获取绝对路径时报错constresolve=dir=>path.resolve(_dirname,dir);解决方法：webpack.config.js配置文件中----"