【WebPack】

vue vite webpack全局scss样式文件

插件，再创建vue.config.js文件(即使你用vue3+ts，也要用js后缀，感觉ts只作用于src里面)，再配置一下就行插件下载方法npminstallsass-resources-loaderwebpack
前端菜鸟丶Ndie·2023-11-20 16:37

vue3 webpack全局scss

module.exports={chainWebpack:config=>{constoneOfsMap=config.module.rule('scss').oneOfs.storeoneOfsMap.forEach
lgldl·2023-11-20 16:36

vue-cli项目引入全局scss变量的方法

vue-cli引入全局scss引入依赖修改配置文件vue-cli创建的项目没有webpack的配置文件，例如没有bulid/util.js，需要在/vue.config.js中配置引入依赖npminstallsass-resources-loader
馋馋猫·2023-11-20 16:06

webpack搭建scss环境

webpack搭建scss环境1scss运行环境node-sassscss文件需要在node平台运行,node-sasssass是scsssass的运行平台2安装依赖node-sasssass-loader
巷陌540·2023-11-20 16:36

Webpack配置css、less、scss

因为webpack不配置时，只能编译打包js或者json文件，没办法打包css样式文件。所以我们必须在module中来配置css。
Sugarcanking·2023-11-20 16:35

webpack配置全局scss

webpack配置全局scss效果：a.vue使用index.scss中定义的$mainWidth就无需@import"xxxxxxx/index.scss"文件src/assets/styles/index.scss
不做标题党！·2023-11-20 16:04

vue查询学习笔记

实例及选项1.1.1模板1.1.2数据1.1.3方法1.2生命周期1.3数据绑定1.3.1文本插值插值操作内置指令v-oncev-htmlv-textv-prev-cloak动态绑定属性v-bind二、webpack2.1
青岛City·2023-11-20 16:27

hard-source-webpack-plugin在vue使用中遇到的坑

1.按照文档进行配置//"hard-source-webpack-plugin":"^0.13.1",依赖版本constHardSourceWebpackPlugin=require("hard-source-webpack-plugin
贾先生&王女士·2023-11-20 14:00

基于vue-cli4优化webpack打包速度

1、引入和使用打包计时插件pnpmispeed-measure-webpack-plugin-D在vue.config.js配置使用插件constSpeedMeasurePlugin=require("
风云琪文·2023-11-20 14:29

Webpack 配置优化 Vue-cli

最近一段时间在学习Webpack方面的知识。在学习的过程中主要配置的是webpack.config.js文件。
weixin_41779718·2023-11-20 14:59

webpack-HardSourceWebpackPlugin和cache-loader插件优化开发模式的构建速度

插件简介HardSourceWebpackPlugin是webpack的插件，用于为模块提供中间缓存步骤。为了查看结果，您需要使用此插件运行两次webpack：第一次构建将花费正常时间。
心宽路阔走天下·2023-11-20 14:59

vue中webpack默认配置_Vue-cli 中 Webpack 配置优化（一）

一、前言最近一段时间在学习Webpack方面的知识。在学习的过程中主要配置的是webpack.config.js文件。
Soph Ruan·2023-11-20 14:29

hard-source-webpack-plugin 报错- TypeError: Cannot read property ‘call‘ of undefined

npmrunserve能正常运行，在修改代码重新编译后报错：在网上查了TypeError:Cannotreadproperty‘call’ofundefined，发现可以将hard-source-webpack-plugin
猿媛相报何时了·2023-11-20 14:26

关于webpack优化的几个插件介绍

以下都是我在vue项目中使用过关于webpack的几个插件1、hard-source-webpack-pluginHardSourceWebpackPlugin是webpack的插件，为模块提供中间缓存步骤
前端李小白·2023-11-20 14:26

【踩坑】webpack使用hard-source-webpack-plugin报错

TypeError:Cannotreadpropertiesofundefined(reading‘tap’)在使用hard-source-webpack-plugin插件给构建添加缓存时遇到上面的问题
于离别之朝束起约定之花·2023-11-20 14:26

webpack 打包速度优化之dll hard-source-webpack-plugin

从vue-cli和create-react-app中可以知道并没有实用dll，Webpack4的打包性能足够好的，dll已经放弃。
qq_35661140·2023-11-20 14:56

使用hard-source-webpack-plugin优化vue编译速度

现在公司的项目文件越来越多,感觉每次打包的速度有点慢,就尝试了一下优化项目编译速度dll方案通过DllPlugin打包dll.js文件,然后引入.经过一番折腾的结果是打包时间反而增加了,我纳闷得不行,后来查询发现这个方案只对webpack2
可乐会唱歌·2023-11-20 14:55

Vue-cli 相关webpack配置-量化打包时间和打包后分析

speed-measure-webpack-plugin可以测量各个插件和loader所花费的时间，构建完成后会显示时间信息：安装：npmispeed-measure-webpack-plugin-D使用
iWangsd·2023-11-20 14:21

webpack 中，filename 和 chunkFilename 的区别

filenamefilename是一个很常见的配置，就是对应于entry里面的输入文件，经过webpack打包后输出文件的文件名。比如说经过下面的配置，生成出来的文件名为index.min.js。
背太阳的牧羊人·2023-11-20 14:48

vue项目本地开发构建速度优化 hard-source-webpack-plugin

1、为啥要优化本地构建速度有些项目因为项目需求点多、功能复杂、管理混乱、引入第三方插件/样式库过多、本身项目页面较多、文件较多等等原因，会导致项目体积变大、本地构建速度明显变慢，这时就需要对项目webpack
Mr_linjw·2023-11-20 14:48

webapck代码分割(code splitting)

webpack.jpg写在前面代码分割(codesplitting)在webpack打包中，涉及到很多很多的知识点和配置项，这节我们将一点点做详细讲解，说到代码分割，他在工作中的地位可谓是举足轻重，在平时的一些中高级岗的面试中
喜剧之王爱创作·2023-11-20 13:03

CSS加载阻塞的问题

我们应该尽可能的提高css加载速度，比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况，替你挑选最近的一个具有缓存内容的节点为你提供资源，因此可以减少加载时间)对css进行压缩(可以用很多打包工具，比如webpack
十九万里·2023-11-20 13:31

css是否阻塞html解析、渲染？？

加载速度，比如可以使用以下几种方法:1、使用CDN(因为CDN会根据你的网络状况，替你挑选最近的一个具有缓存内容的节点为你提供资源，因此可以减少加载时间)2、对css进行压缩(可以用很多打包工具，比如webpack
weixin_34054931·2023-11-20 13:57

js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗

加载速度，比如可以使用以下几种方法:1.使用CDN(因为CDN会根据你的网络状况，替你挑选最近的一个具有缓存内容的节点为你提供资源，因此可以减少加载时间)2.对css进行压缩(可以用很多打包工具，比如webpack
coodingcc·2023-11-20 13:47

vue/cli-v3.0笔记

核心概念CLI插件：每个CLI插件都会包含一个(用来创建文件的)生成器和一个(用来调整webpack核心配置和注入命令的)运行时插件。
歇歇·2023-11-20 08:12

vue3 使用require报错：require is not defined

1.报错原因vue3使用vite打包里面没有require方法，webpack里面有这个方法2.解决方案使用import代替*注：资源可使用import.meta.globEager(“…/*.png”
WeirdOwl·2023-11-20 07:50

前端 webpack 面试题

文章目录webpack打包流程webpack声明周期自开发webpack插件loader和plugin的区别Loader（加载器）:Plugin（插件）:总结区别：webpack如何热启动及原理HMR(
可缺不可滥·2023-11-20 06:41

Vue 项目创建

出现如下界面即为安装成功安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org安装vue-clinpminstall-gvue-cli--force强行安装安装webpackNpminstall-gwebpa
小Q学代码·2023-11-20 05:15

React脚手架config-overrides.js文件的配置

主要讲讲在react脚手架在不使用eject命令的情况下，如何进行webpack的配置。网上查询了好多，只有针对相关的配置，这次全面的看一看配置。
Goat恶霸詹姆斯·2023-11-20 03:24

Vue 项目中使用 ESLint 和 Prettier 偏难怪的超深度解析

ESlint使用Espree进行JavaScript解析；ESlint使用AST来评估代码中的模式；ESlint是完全可插拔的，每一条规则都是一个插件，你可以运行时添加更多；我一开始认为ESlint和webpack
森叶·2023-11-20 02:11

20、动态路由_下滑线为前缀的目录

\\pages\\_question\\index.vue'/*webpackChunkName:"pages/_question/index"*/))const_a98c80aa=()=>
bus_lupe·2023-11-20 00:04

vue.config.js 文件配置

constpath=require('path')constwebpack=require('webpack')constcreateThemeColorReplacerPlugin=require('
LMYH1123·2023-11-19 23:05

第十一章 前端开发环境搭建

一、前端开发环境VisualStudioCodeNodeJSWebpack：npminstallwebpack-gvue-cli：npminstallvue-cli-g淘宝镜像：npminstall-gcnpm
边走边忘·2023-11-19 21:24

webpack之【究竟解决了什么问题】

webpack现代化前端应用的基石现阶段的大型应用就要求前端必须要有独立项目，独立的项目需要进行工程化获得足够的效率具有复杂数据状态的应用开发过程就必须要有合适的框架，采用数据驱动的方式增加可维护性复杂项目结构必须进行模块化管理
友七丶·2023-11-19 20:18

Vue学习笔记：vue-cli脚手架安装

用于初始化一个Vue项目；vue-cli的优势:1、成熟的vue项目架构设计，而且会跟随vue版本的更迭而更新；2、提供了一套本地测试服务器，而且是一个热加载的服务器；3、提供了自己的一套集成打包上线的方案，webpack
前端互助会·2023-11-19 20:33

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
上一页 38 39 40 41 42 43 44 45 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他