【WebPack】第52页

package.json文件的作用

拷贝给别人时传输速度较慢，此时就需要把项目打包好之后再发给别人一般情况下，打包命令为：npmrunbuild但比如我们公司就是:npmrunzz(zz是项目名称)（cnpmi包名--save添加’–save‘是为了把包存入webpack

syl~·2023-10-26 04:43

webpack学习第十六步—— 垫片Shimming

shimming低版本浏览器不支持promise，使用polyfill去实现promise就是一个垫片jquery新建jquery.ui.jsexportfunctionui(){$('body').css('background','red')}修改index.js,在其中使用jquery.ui.jsimport_from'lodash'import$from'jquery'import{ui}

Love小六六·2023-10-26 04:13

网络知识点——网页的优化

①减少HTTP的请求数量原因：浏览器每次与服务器建立连接，都需要经过三次握手，花费大量时间（1）CSS精灵，将多张照片合为一张（2）合并CSS和JS文件，一些打包工具如webpack可以做到，在项目发布前合并文件

大祭司_2aef·2023-10-26 03:19

解决方案：uni-app非nvue模式下切换主题后，App端闪屏、闪白、闪黑、状态栏主题色不稳定

uni-app主题色的BUG解决步骤给App添加主题色的缓存标识新建__uniappview.html文件引入copy-webpack-plugin依赖创建vue.config.js文件状态栏颜色不稳定结论主题切换采用的方案是

_midnight·2023-10-26 03:05

webpack的publicPath和publicPath

前言看到标题很多人会觉得作者是不是语痴了。。。。实际这两个publicPath，分别指output属性里的publicPath和devServer中的publicPath，这篇文章主要是来讨论这两个publicPath到底有什么用，到底有什么区别的，之前作者本人阅读了大量的网上的资料和官网的文档，对于这二者的理解一直处于混沌状态，这次开此文的目的就是要把它们二者到底怎么用说清楚了，同时也是给自己留

zshawk1982·2023-10-26 01:26

Webpack考点「八」-- 常见面试题 ***

modulechunkbundle区别loader和plugin的区别babel和webpack的区别webpack如何实现懒加载如何产出一个libbabel-polyfillbabel-runtime

loushumei·2023-10-26 00:28

如何使用AES加解密提高项目安全性

/JSEncrypt'解决方法：原始webpack配置修改//webpack配置module.rules

情非得已小猿猿·2023-10-25 23:32

前端AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（二）

阳光总在风雨后，请相信有彩虹。案例-图书管理bootstrap弹框需求，点击添加按钮，没有离开当前页面，在当前页面弹出弹框（弹窗）先学着实现一个简单的弹框，如下图右下角bootstrap有两种方式控制弹框的显示和隐藏①（自定义）属性控制方式1.引入bootstrap.css和bootstrap.js并准备好显示弹框的按钮2.准备弹框标签，确认结构来到bootstrap文档，搜索modal（情态的、

卡皮巴拉·2023-10-25 22:46

Ant Design Vue快速入门教程

环境node.jswebpackvscodenpm//安装vue脚手架和antdesignvuenpminstall-g@vue/clinpmi--saveant-de

我吐了。。。·2023-10-25 22:41

前端项目中，强缓存和协商缓存的配置

强缓存协商缓存浏览器缓存比较熟悉的cookie，localstoragesessionstorageindexDB…或者cacheStorage请求的缓存，如果本地有取本地的这里主要笔记http缓存先说总结的内容webpack

跟太阳说早安·2023-10-25 22:32

Vue 项目性能优化方案

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

A-fish·2023-10-25 22:38

webpack中require.context

参考：webpack：require.context（）官方文档:require.context（）相关博客vuex:namespaced，关于vuex命名空间作用：当我们需要对某一目录下的文件进行引用时

有一只狗的名字叫三木·2023-10-25 16:12

前端模块化的发展概述

前端模块化简单梳理本篇简介关于前端模块化的一些知识，如CMD/AMD/Webpack等，之前都进行过专门学习，但经验尚欠，无法从上层理解模块化处于前端工程的哪一层，所以此篇文章暂且抛开之前所学内容，不做细化研究

进击的阿群·2023-10-25 15:56

Error: Cannot find module ‘webpack/lib/RuleSet‘

ERRORError:Cannotfindmodule'webpack/lib/RuleSet'Requirestack:-E:\My_project\Project\Ruo_YI\mps-ui\node_modules

Taylor_wk·2023-10-25 15:14

Found: webpack@5.89.0

Found:webpack@5.89.0npmERR!node_modules/webpacknpmERR!webpack@"^5.89.0"fromtherootprojectnpmE

Taylor_wk·2023-10-25 15:10

node实现购物车功能

node服务端配置转发代理config/index.js//seehttp://vuejs-templates.github.io/webpackfordocumentation.varpath=require

xyphf_和派孔明·2023-10-25 14:23

前端（二十）——Vite和Webpack：前端开发中常用的构建工具

博主：小猫娃来啦文章核心：Vite和Webpack：前端开发中常用的构建工具文章目录前言Vite简介Webpack简介对比分析如何选择Vite或Webpack小结前言前端开发中，构建工具起到了至关重要的作用

小猫娃来啦·2023-10-25 07:11

vue3 + ant design vue项目svg格式的background-image使用配置

直接使用的时候会报错:图片解析不出来还是svg源文件代码项目启动报错vue3使用的时候普通配置会出现this.getOptionsisnotfunction错误（Webpack版本升级引起的，在较新的Webpack

HerayChen·2023-10-25 06:04

【前端】Webpack5中Html和CSS的压缩打包

1.Webpack5简介1.1.Webpack简介（1）webpack的发展历程2012.3—webpack（问世）2014.2—webpack12016.12—webpack22017.6—webpack32018.2

互联网小阿祥·2023-10-25 06:46

js require和import

Browsersify、Webpack一开始的目的就是打包CommonJS模块。CommonJS作为Node.js的规范，一直沿用至今。

鹏雨燕·2023-10-25 05:46

webpack中BundleAnalyzerPlugin插件基本配置项

const{BundleAnalyzerPlugin}=require('webpack-bundle-analyzer')nginx缓存配置

淡蓝天风·2023-10-25 03:35

webpack中常见的Loader解决了什么问题？

一、是什么loader用于对模块的"源代码"进行转换，在import或"加载"模块时预处理文件webpack做的事情，仅仅是分析出各种模块的依赖关系，然后形成资源列表，最终打包生成到指定的文件中。

嚣张农民·2023-10-25 02:45

React+Vite+TS项目使用Alias路径别名不能点击跳转到指定文件

用Vite搭建一个React+TypeScript项目，文件导入模块由于有些层级过深，那么不得不在webpack配置文件里配置路径别名，减少路径代码，如下图问题引入：但是在导入模块时，虽然配置好了别名代码基础路径

Merlin Mage·2023-10-25 02:29

vite+ts配置项目路径别名

webpack中可以通过resolve.alias定义项目路径别名，这样可以在引入文件时，不再需要使用相对路径，统一以根路径（/src/）作为起点。

不羁的程序员~·2023-10-25 02:28

react+ts配置别名alias

1.下载cracoyarnadd@craco/craco2.创建一个craco.config.js文件constpath=require('path');module.exports={webpack:

行走的麻袋·2023-10-25 02:58

Ant Design 样式使用css module

####antd的less配置不开启cssmodule，但是代码里面想用cssmodule加载样式，方便局部改组件原样式"antd":"^4.18.3","webpack":"^5.65.0","less

owlhpy·2023-10-25 02:41

webpack+react+antd脚手架优化

在之前的文章中了解了webpackv4的特性，现在将知识用于实践，对之前写的一个react脚手架进行打包性能的优化。

圆儿圈圈·2023-10-25 01:54

常见vue、js，webpack面试题

（自己整理的，有错误和不足的话，大佬请指出，共同学习）一：js1.什么是回调地狱,怎么解决回调地狱问题经常出现很多将函数作为参数，传入到方法中，然后在方法中调用该方法，常见的就是定时器，各种DOM操作，各种异步请求异步的JavaScript程序，或者说使用了回调函数的JavaScript程序一个函数作为参数需要依赖另一个函数执行调用。A、拆解function：将各步拆解为单个的functionB

w宇宙王·2023-10-25 00:01

FIS从入门到放弃

是百度团队自行开发的一个解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题调的构建工具，FIS这个东西已经不是现在主流的工具了，我们主要的是需要理解FIS的思想，用这种思想用webpack

神秘者007·2023-10-24 21:48

从零搭建webpack4+react+typescript+eslint脚手架(五)

eslint我们通常使用lint工具来检查代码不规范的地方，以下是将eslint、typescript和webpack结合使用的例子。

天真即是正义·2023-10-24 21:57

1-08 移动端适配 rem+vm

在项目根目录下运行以下命令安装所需的依赖包：npminstallpostcss-px-to-viewport--save-dev配置代码constpath=require('path');module.exports={webpack

Bunny0212·2023-10-24 20:45

1-07 React配置postcss-px-to-viewport

在项目根目录下运行以下命令安装所需的依赖包：npminstallpostcss-px-to-viewport--save-dev配置代码constpath=require('path');module.exports={webpack

Bunny0212·2023-10-24 20:12

合格的全栈前端要掌握的前端知识

1.webpack打包所有的脚本2.babeljavascript的语法编译器3.nodejs前端工程化不断更新中。。。。

码狼先生·2023-10-24 20:56

npm install 安装软件版本说明

看起来容易混淆如下所示："dependencies":{"core-js":"^3.22.5","cowsay":"^1.5.0","lodash":"4.17.21","vue":"^3.2.34","webpack

阿雷由·2023-10-24 19:09

Webpack学习笔记（一）

Webpack学习笔记（一）作为一名前端，wbepack是每个前端必须掌握的技术，本人作为一个新入坑的萌新，一直想找个机会好好学习学习webpack。

gryCool·2023-10-24 18:06

35 # 模块的断点调试 require 语法实现过程

constvm=require("vm");vm.runInThisContext("console.log(a)");node中如何实现代码的调试node调试指南1.可以在浏览器中进行调试（比如调试webpack

凯小默·2023-10-24 17:52

04-插件机制，横向扩展Webpack构建能力

Webpack插件机制的目的是为了增强Webpack在项目自动化构建方面的能力。上一节，Loader负责完成项目中各样资源的加载，从而实现项目整体模块化。

赛博剑仙_李玄器·2023-10-24 17:52

Vue单文件组件的创建及三种暴露（分别、统一、默认）方式

文章目录.vue文件变成js文件的两种方式：例：创建school.vue组件组件起名暴露三种方式：创建两个组件，分别是Student和School代码.vue文件变成js文件的两种方式：webpack脚手架

人工智能有点·2023-10-24 16:40

vue项目中内嵌iframe，打包上线时候iframe地址如何写?

vue项目中内嵌iframe，打包上线时候iframe地址如何写一、项目结构1.内嵌的iframe文件位置2.打包后的iframe的位置二、代码前提描述，项目是用webpack打包的，内嵌一个完整的js

程序媛_MISS_zhang_0110·2023-10-24 16:51

个人项目记录

vue-element-admin该框架作者有写了两篇webpack教学文章，其中详细分析了为何该框架为何这么配置，两篇文章建议仔细阅读。

羽晞yose·2023-10-24 15:48

vue2.0 Vs 3.0目录结构

一、2.0项目目录结构|—build#(webpack配置相关)||—build-server.js#运行本地构建服务器，可以访问构建后的界面||—build.js#生产环境构建脚本||—dev-client.js

早起的鸟儿·2023-10-24 15:34

webpack4 dllplugin

动态链接库，其实就是缓存，即事先把常用但又构建时间长的代码提前打包好，（例如：react、react-dom），叫dll，后面再打包的时候就跳过原来的未打包代码，直接用dll，这样一来，构建时间就会缩短，提高webpack

知足常乐晨·2023-10-24 14:56

0303-02前端资源整合

前端资源整合目录面试资源项目资源知识锦集前端早读课文章Vue相关React相关Javascript函数式编程TypeSctiptwebpackParcelGulpes系列Babelhttp请求库PromiseNodeJSMongoDBGit

fed_jiao·2023-10-24 13:54

从一个webpack loader中学习

chalk：给终端输出加一些自定义的样式loader-utils：webpack的loader配置中会通过options传入一些用户自定义参数，就可以通过该包提供的getoptions()获取node-fetch

前端碎碎念·2023-10-24 10:42

【前端vue面试】TypeScript

目录快速入门0、TypeScript简介1、TypeScript开发环境搭建2、基本类型3、编译选项4、webpack5、Babel面向对象1、类（class）2、面向对象的特点3、接口（Interface

江拥羡橙·2023-10-24 10:56

前端性能优化---首屏加载速度

路由懒加载组件不异步引入的时候，打包会生成一个文件，首屏加载资源大小会大，降低用户体验使用constroute=[{path:"/",name:'home',component:()=>import(/*webpackChunkName

菜鸟中的菜菜鸟·2023-10-24 09:01

webpack详解

1.逻辑上比较合理因为JS确实需要这些资源文件配合才能实现整体功能2.配合webpack这类工具的打包能确保在上线时，资源不会缺失，而且都是必要的webpack加载源文件的过程时什么样的？

dandan_18·2023-10-24 09:58

入门 Webpack，看这篇就够了

2018年8月25日更新，目前webpack已经更新值4.17.1，本文所用到的各种库或多或少有些过时，跟着代码操作下来可能会遇到各种问题，不过webpack的主体思想没变，所以还是希望本文对新学webpack

何逸轩gg·2023-10-24 07:48

部署 vue 项目到 github 并实现在线预览

4、Git操作命令1、打包Vue项目1、打包Vue项目在命令行执行npmrunbuild后，项目的目录下会生成一个dist文件夹，它里面又包含一个static文件夹和一个index.html文件，这是webpack

Alenjust·2023-10-24 06:30

优秀的基于VUE移动端UI框架合集

和ionic样式的UI框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格star2.3k中文文档在线预览image2.vux基于WeUI和Vue(2.x)开发的移动端UI组件库star10k基于webpack

为啥要创业·2023-10-24 05:31

推荐频道

【WebPack】