【WebPack】

react基础知识整理

1.组件的工程化指的是基于各种webpack/rollup/turbopack…等工具实现组件的合并、压缩、打包、代码编译、兼容、校验等。
实用分享·2023-11-19 16:59

前端笔记10

vuejs/vue-cli作用:从https://github.com/vuejs-templates下载模板项目创建vue项目vue-V显示版本2时npminstall-gvue-clivueinitwebpackvue_democdvue_demonpminstall
就是这么帅_567e·2023-11-19 16:54

（保姆级）vue环境搭建以及项目创建

文章目录nodejs包下载（最前提条件）一、环境的配置设置npm的默认安装路径，和缓存路径二、开始安装1.打开node命令行程序2.把npm替换成cnpm2.安装最新版vue-cil3.全局安装webpack4
阿南好难難难·2023-11-19 16:20

前台项目第一天(1-6)

----1：vue-cli脚手架初始化(搭建)项目环境node+webpack+cnpm(淘宝镜像)cmdvuecreate项目名称选项default默认vue2版本文件分析node_modules项目依赖的模块
敲啊敲9527·2023-11-19 16:12

Apache Superset二次开发环境配置

目录版本一、下载源码二、安装依赖三、初始化数据库四、创建用户五、下载示例（可选）六、初始化七、配置前端项目修改superset-frontend\webpack.config.js运行前端项目八、运行后端项目参考资料版本
终回首·2023-11-19 14:19

vue2项目修改编译巨慢

前言：我们的一个vue项目在给新同事后他说编译贼慢，一个小修改项5分钟才能自动编译成功，我把项目放到新电脑上也巨慢，升级了nodejs好使了一些，但还是慢，最后引入webpack后巨快，在项目的package.json
你好龙卷风！！！·2023-11-19 12:37

07.webpack的性能优化 -- 产出代码

base64编码提取公共代码bundle加hashIngorePlugin懒加载使用CDN使用productionScopeHosting1.使用productionmodule.exports=smart(webpackCommonConf
周星星日记·2023-11-19 11:30

03.webpack中hash，chunkhash和contenthash 的区别

作用：善用文件的哈希值，解决浏览器缓存导致的资源未及时更新的问题1.文件名不带哈希值constpath=require('path')constHtmlWebpackPlugin=require('html-webpack-plugin
周星星日记·2023-11-19 11:00

04.webpack中css的压缩和抽离

mini-css-extract-plugin插件，替代style-loaderconstMiniCssExtractPlugin=require('mini-css-extract-plugin')module.exports=smart(webpackCommonConf
周星星日记·2023-11-19 11:30

05.webpack中的splitChunks抽离公共代码

1.打包的多入口文件onstpath=require('path')constHtmlWebpackPlugin=require('html-webpack-plugin')const{srcPath,
周星星日记·2023-11-19 11:30

02.webpack中多文件打包

1.module,chunk,bundle的区别moudle-各个源码文件，webpack中一切皆是模块chunk-多模块合并成的，如entry,import(),splitChunkbundle-最终的输出文件
周星星日记·2023-11-19 11:59

vue-cli 安装步骤

vue脚手架工具vue-clinpminstallvue-cli-g通过vue-cli创建基于webpack的vue项目并初始化vueinitwebpackmy-project安装依赖包cdproject-namenpminstall
2点半·2023-11-19 11:40

从0到0.01入门 Webpack| 001.精选 Webpack面试题

个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录什么是Webpack
ai_todo·2023-11-19 11:52

uniapp优化h5项目-摇树优化，gzip压缩和删除console.log

1.摇树优化勾选摇树优化,打包删除死代码2.gzip压缩和删除console.log安装插件webpack和compression-webpack-pluginwebpack插件npminstallwebpack
柑橘乌云_·2023-11-19 11:52

06.webpack性能优化--构建速度

1happypack多进程打包js单线程，开启多进程打包提高构建速度（特别是多核CPU）constHappyPack=require('happypack')module.exports=smart(webpackCommonConf
周星星日记·2023-11-19 11:08

VUE中的动态绑定图片

但是有时候发现还是不起作用，那是可能你用webpack打包开发，需要将图片放在static目录下，要么就是配置一下webpack文件属性才行。
fred_33c7·2023-11-19 08:18

React使用过程知识点随手记

React使用过程知识点随手记.txt0.create-react-app新建项目1.弹出配置2.添加路由模块3.修改webpack配置，让引入模块支持src写法4.如何修改react的默认访问端口30005
冰之杍·2023-11-19 08:21

从零开始搭建Vue2.0项目(二)之集成axios

前言上一篇主要介绍了如何安装通过webpack安装一个具有完整线上依赖的项目，其中我们通过webpack-template安装了vue2.0项目的Vue-Core、Vue-Router以及ESLint依赖
Java白羊·2023-11-19 08:33

java备忘--20190828

1、java回忆录—输入输出流详细讲解（入门经典）https://blog.csdn.net/qq_22063697/article/details/521373692、安装webpacknpminstallwebpack-ghttps
奔跑吧菜鸟！·2023-11-19 06:37

webpack5 添加babel-loader 添加浏览器ie11兼容打包

cnpmi-D@babel/core@babel/preset-envbabel-loadercore-js2.webpack.conf.jsconstpath=require('path')constHtmlWebpackPlugin
qq_41167198·2023-11-19 06:51

webpack优化

为什么要使用Webpack与react一类模块化开发的框架搭配着用比较好。属于配置型的构建工具，比较用容易上手，160行代码可大致实现gulp400行才能实现的功能。
刘松阳·2023-11-19 06:50

Vue-pdf踩坑记录

解决方法：将vue-pdf添加到webpack配置文件的白名单中。我是electron，所以在
志行千里者·2023-11-19 00:26

我曾为 TS 类型编程感到痛不欲生，直到我遇到了这份体操指南

6885672896128090125前言作为前端开发的趋势之一，TypeScript正在越来越普及，很多人像我一样写了TS后再也回不去了，比如写再小的demo也要用TS（得益于ts-node[1]），JS只有在配置文件如Webpack
傲娇的koala·2023-11-18 22:40

React-CRA 多页面配置（npm run eject）

更新时间：2019-01-05版本信息：CRAv2.1.1+Webpackv4.19.1一、create-react-app多页面配置为什么要进行多页面配置在使用React进行开发的过程中，我们通常会使用
weixin_34217773·2023-11-18 22:34

webpack 5 实战（3）

四十一、代码拆分方式通过Webpack实现前端项目整体模块化的优势很明显，但是它同样存在一些弊端，那就是项目当中所有的代码最终都会被打包到一起，试想一下，如果说应用非常复杂，模块非常多的话，那打包结果就会特别的大
拾荒李·2023-11-18 21:20

Taro编译警告解决方案：Error: chunk common [mini-css-extract-plugin]

文章目录1.背景2.问题分析3.解决方案3.1更新Taro版本3.2更新相关依赖3.3调整webpack配置3.4检查依赖版本4.拓展与分析4.1拓展4.2避免不必要的依赖4.3查阅TaroGitHub
IT·陈寒·2023-11-18 21:00

vue3 引入图片报错 Uncaught (in promise) ReferenceError: require is not defined

因为require是webpack的写法,require是node中的一个方法，他的作用是“用于引入模块、JSON、或本地文件”。
Hermia_yuan·2023-11-17 17:55

如何进行各个终端的页面适配(react项目安装插件 postcss-px-to-viewport)

（以reactApp为例）插件是postcss-px-to-viewport1、先安装这个插件这个插件会自动将样式文件中的px转换为vwnpmipostcss-px-to-viewport2、在webpack
申申呢？·2023-11-17 17:17

前端框架源码解读之Vite

前端工具链十年盘点：https://mp.weixin.qq.com/s/FBxVpcdVobgJ9rGxRC2zfgWebpack、Rollup、Esbuild、Vite?
若川视野·2023-11-17 17:17

一文说清 webpack、vite、vue-cli、create-vue 的区别

webpack、vite、vue-cli、create-vue这些都是什么？看着有点晕，不要怕，我们一起来分辨一下。
儒雅的烤地瓜·2023-11-17 17:47

（六）什么是Vite——热更新时vite、webpack做了什么

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-17 17:15

预构建 如何玩转秒级依赖预构建的能力？

大家都知道，Vite是一个提倡no-bundle的构建工具，相比于传统的Webpack，能做到开发时的模块按需编译，而不用先打包完再加载。这一点我们在快速上手这一节已经具体地分析过了。
江拥羡橙·2023-11-17 16:44

什么是 Vite？

二、Vite和Webpack区别Vite优势：vite开发服务器启动速度比webpack快webpack会先打包，然后启动开发服务器，请求服务器时直接给予打包结果。
huangpb0624·2023-11-17 16:11

Vite项目启动都做了什么？

在之前的开发中我们主要运用vue-cli来搭建项目，它是基于webpack的脚手架工具。随着vite的出现，这个可以提供更快、更精简的构建工具，给我们带来了另一种开发体验。
梅花十三儿·2023-11-17 16:05

（七）什么是Vite——vite优劣势、命令

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-17 16:34

vue项目中 commonJS转es6

背景：项目中需要使用一个插件，但是插件底层是commonJS语法项目结构：webpack+vue2.x转换准备工作安装插件：以下插件如已安装请忽略npminstall@babel/preset-env@
겐호 3·2023-11-17 16:18

xlsx 导出导入excel，xlsx-style 修改excel样式

还需要下载一个浏览器文件下载依赖npminstallfile--save引入xlsx-style会产生报错，需要在vue.config.js配置下vue.config.jsmodule.exports={chainWebpack
唐十八_wei·2023-11-17 16:24

web3.0 升级到webpack5.0 以及兼容IE处理

webpack3的打包速度已成为诟病，所以我们将原来的webpack3升级至webpack5首先就是原来的项目结构，主要在于build目录下面，存在基础配置，开发配置，生产配置build|-------
web前端执行者·2023-11-17 13:17

Cesium初学笔记总结

Cesium初学01学习总结于GIS李胜老师博客CesiumAPI学习由浅入深的学习路线如下图所示：Cesium进阶之路1.Web前端方向：Cesium与webpack（裁剪以及压缩），Cesium与vue
Henrik698·2023-11-17 12:04

Vite + Vue3 + TS，配置别名 alias

Vite+Vue3+TS，配置别名aliasVite2+Vue3+TS使用别名时跟webpack有所差异这里记录下Vite+Vue3+TS配置别名主要是修改vite.config.ts和tsconfig.json
汪小敏同学·2023-11-17 08:46

了解eslint

ESLint也可以在webpack(eslint-loader)和Gulp.js(gulp-esl
diebaiying3731·2023-11-17 06:47

React几种基本配置方案

就我个人而言，学习React应该基于创建项目特定类型的设置细节之上(比如Webpack、Redux、ES6、JSX、Babel等)，而不是一下子就去忙于理解所有的设置项。
qq_68603587·2023-11-17 05:26

vue和react项目中实现 px 转 vm

vue项目配置const{defineConfig}=require('@vue/cli-service');constAutoImport=require('unplugin-auto-import/webpack
Bunny0212·2023-11-17 03:06

vue.config 同时配置 chainWebpack和关闭eslint检查多个配置项目共存

大家可能会遇到和我一样的问题，所以我把它写出来一开始你可能遇到这个问题：vue报错：Componentname“xxx“shouldalwaysbemulti-word于是你去网上搜索，发现解决问题的方法是之后你继续做需要解决跨域问题是这样的module.exports={"devServer":{//记住，别写错了devServer//设置本地默认端口选填port:8085,proxy:{//设
coldriversnow·2023-11-17 03:03

Umijs项目优化

查看打包后的文件进行观察，哪些包的体积大，然后分解开体积较大的文件:echarts、wangeditor、antd、moment.jspackage.json文件配置.umirc.ts配置文件1.分包配置通过webpack-chain
看陌生的风景·2023-11-17 02:04

2021面试总结

优先级一级优先级：js、框架（vue/react）、项目介绍二级优先级：html/css、浏览器相关三级优先级：webpack、ts、gitjsjs中的this指向1、默认绑定，严格模式下指向undefined
tbapman·2023-11-16 22:57

vue项目的业务页面中访问static静态资源，点击下载时报未发现文件

问题呈现如下：vue目录下静态资源的放置，新旧版本的放置不同第一种：旧版本中是在根目录下面直接放置static文件夹旧版查看publicPath的配置在webpack.js中新版查看publicPath
Kratial·2023-11-16 21:37

VUE 通过webpack设置proxy 解决跨域问题

1、跨域：浏览器为了保障数据安全做的限制，如果两个页面拥有相同的协议protocol，端口port和主机(域名/ip地址)，那么这两个页面就属于同一个源origin，JavaScript允许这种同源页面的数据互相通信。(注：www.XXX.com是一个二级域名，而xxx.com俗称为裸域,不同的二级域名也不允许通信)2、解决跨域的几种方法：1)jsonp-GET请求(url安全性低)2)ifram
snow51·2023-11-16 17:19

webpack的安全保障是怎么做的？

文章目录前言Webpack内容安全策略后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：webpack‍博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。
鋜斗·2023-11-16 17:13

你所不知道的Chrome调试技巧（下）

7、格式化代码我们在使用webpack打包的时候，一般会将代码压缩混淆。
qq20004604·2023-11-16 15:17
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他