前端web脚手架webpack

webpack常规打包优化方案

打包后生成文件分析可以利用webpack-bundle-analyzer插件来分析我们打包后生成的文件安装npmiwebpack-bundle-analyzer-D使用修改webpack.prod.co
李宏伟~·2024-01-06 18:42

webpack梳理之常用plugin(优化)

常用pluginclean-webpack-pluginpurifycss-webpackDLLPluginIgnorePlugin1.clean-webpack-plugin这个插件,总体来说是用于每次打包之前删除
Absorbed_zhang·2024-01-06 18:41

Webpack优化项目的七种方法,满满的干货

不说废话一.预获取，预加载举个例子，比如一个js文件，你项目开启的时候，等你发出某个指令的时候，那个文件js才加载但是有一个问题，当你发出指令时候，首先要下载这个js文件，然后浏览器再解析这个文件，如果这个文件很大的话，肯定会有一定的延迟，页面才有效果OK，先说Prefetch，通俗的来讲就是当你打开项目的时候，这个文件不会加载，等你的浏览器有空闲的时候，它自动帮你把这个文件下载下来，这样当你需要
进阶的巨人001·2024-01-06 18:41

webpack 工程实践化总结之常用 loader 和 plugin 总结

一、常用loaderJavaScript相关，如下所示：babel-loader：把ES6转换成ES5；script-loader：可以将指定的模块JavaScript文件转成纯字符串通过eval方式执行；exports-loader：可以导出指定的对象，例如window.Zepto；ts-loader：把TypeScript转换成JavaScript；imports-loader：将任意三方的对
城南花开ze·2024-01-06 18:11

总结万字长文笔记webpack5打包资源优化

webpack如何打包资源优化你有了解吗？
姑老爷呀·2024-01-06 18:10

webpack优化方案总结

DllPlugin动态链接库4、happypack多线程打包5、splitChunks抽离公共6、动态加载、懒加载1、noParse像jquery这样的第三方插件，没有依赖其他模块的模块，可以设置免编译，设置方法：webpack.config.jsmodule
砥砺前行 前程似锦·2024-01-06 18:08

Webpack5 常用优化总结

本文主要总结经常用到的一些代码性能优化、减小代码体积、提升webpack打包构建速度等内容的方法。具体的实现可参考webpack官网查看相关示例。
聂大哥·2024-01-06 18:38

webpack打包优化

webpack打包原理把所有依赖打包成一个bundle.js文件，通过代码分割成单元片段并按需加载。
PicriL@Shmily·2024-01-06 18:38

Webpack 静态打包器 天生支持ES6

指定一个入口文件webpack会自动解析模块整体打包成一个.js文件1基本用法(1)npminit-y//初始化packge.json文件script里添加命令"build":"webpack""dev
楼水流云·2024-01-06 18:41

vue.config配置gzip出现Multiple assets emit different content to the same filename static/js/.gz

ERRORinConflict:Multipleassetsemitdifferentcontenttothesamefilenamestatic/js/.gz可能因为插件版本不同原因"compression-webpack-plugin
pingmin_1001·2024-01-06 18:31

使用Webpack打包JS与CSS教程

项目已同步至gitHub与gitee：https://github.com/Guoqianliang/ES6-Vue-Node.js/tree/master/webpackDemohttps://gitee.com
编程一只蝶·2024-01-06 17:42

成为一名合格的前端架构师，前端知识技能与项目实战教学

语法（共5课时）03.node基础（共29课时）04.Express框架（共9课时）05.node图书管理系统项目（共26课时）06.git安装和使用（共19课时）07.Vue基础（共86课时）08.webpack
itsover·2024-01-06 17:47

30讲《从教师中心到学生中心的课堂》读书笔记

教学形态的转化也是如此，初期教师的主导性强，搭建的脚手架较多，学生的学习任务复杂度较低，着重在建立新的教学模式与学习习惯。随着学生自我学习能力的
LS珊珊_4314·2024-01-06 16:01

前端Web系统架构设计

文章目录1.目录结构定义2.路由封装2.1API路由定义2.2组件路由定义3.Axios请求开发4.环境变量封装5.storage模块封装(sessionStorage,localStorage)6.公共函数封装(日期,金额,权限..)7.通用交互定义(删除二次确认,类别,面包屑...)8.接口全貌概览1.目录结构定义2.路由封装react-router62.1API路由定义2.1API路由定义i
小李科技·2024-01-06 15:52

当执行 import vue from ‘vue’ 时发生了什么？

平时开发中，经常会用到这样一个语句：importVuefrom'vue';由于浏览器兼容性问题，通常这个语法是在webpack的构建流搭建的项目中执行的，那么这个语句到底做了什么呢？
追涨杀跌的小韭菜·2024-01-06 14:58

【vue】初识vue

3.2vue引入方法：3.2.1方式一：在页面中通过CDN(内容分发网络)的方式引入3.2.2方式二：下载vue的javascript文件，并且自己手动引入3.2.3方式三：通过npm包管理工具安装使用它（webpack
刘乙江·2024-01-06 14:34

React 入门 - 01

本章内容目录1.简介1.1初始React1.2React相关技术点1.3React.jsvsVue.js2.React开发环境准备2.1关于脚手架工具2.2create-react-app构建一个React
w-somebody·2024-01-06 13:32

vue项目中线上环境去掉console.log

vue-cli：2.5在vue项目本地调试过程中，为了查找问题，我们在代码里会写比较多的console代码，然后打包发布的过程中，做删除这个动作又太麻烦，所以可以利用webpack的插件，解决这个问题。
北暖37·2024-01-06 12:14

CommonJS，ES6 Module以及webpack模块打包原理

CommonJS，ES6Module以及webpack模块打包原理模块化历程CommonJS模块导出导入ES6Module模块导出命名导出默认导出导入导入命名导出的模块导入默认导出的模块CommonJS
土豆Coder·2024-01-06 11:13

Babel转码，commonjs、ES6模块化规范，webpack打包css和js

文章目录Babel简介Babel安装Babel转码器的使用模块化规范：CommonJS规范和ES6模块化规范模块化产生的背景CommonJs模块化规范ES6模块化规范Webpack什么是webpackWebpack
早餐有胃口吗·2024-01-06 11:12

鸿蒙系列--预览刷新报错：Preview failed.Unable to start the previewer. Open PreviewerLog to check for details.

[webpack-cli]ERROR:page'xxx.ets'doesnotexist.build后查看
郑子·2024-01-06 11:55

webpack

含义：前端项目工程化的具体解决方案，前端最常用的方法作用：模块化开发，代码压缩，处理浏览器js兼容问题，性能优化等前提：npminit-y初始化项目安装：npmisntallwebpackwebpack-cli
程序媛刘刘·2024-01-06 11:42

使用mars3d绘制矢量数据，页面中不显示

效果如下首先引入相关资源，使用npm安装npmimars3d-Swebpack相关配置参考官方githubvue.config.js。
泽安2018·2024-01-06 10:45

webpack

$webpackentry.jsbundle.jsrequire("!style-loader!css-loader!.
jh2k15·2024-01-06 10:55

vue-cli3生产环境去掉console.log

第一步首先安装terser-webpack-plugincnpminstallterser-webpack-plugin-D第二步在vue.config.js文件里写插件的配置：module.exports
一人创客·2024-01-06 09:16

减少 Webpack 打包时间

问题一：如何减少Webpack打包时间优化Loader对于Loader来说，影响打包效率首当其冲必属Babel了。
柠檬与断章·2024-01-06 09:25

vue中debugger无法调试

在浏览器中展示源代码在可以从VSCode调试你的Vue组件之前，你需要更新webpack配置以构建sourcemap。
hl0406·2024-01-06 09:51

vite中配置服务代理

前言在vite中配置服务代理和webpack中大差不差,不过有些写法会有些不同具体配置:配置Vite{#configuring-vite}|Vite中文网这里我写了一个demo,如下所示开启node服务我用
青阳流月·2024-01-06 08:50

webpack总结

Vue.js-Day5-Webpack在网页中会引用哪些常见的静态资源？
跌倒的小黄瓜·2024-01-06 08:22

Uncaught TypeError: Cannot destructure property ‘hospSetList‘ of ‘(0 , _store_modules_hosp__WEBPACK_

UncaughtTypeError:Cannotdestructureproperty'hospSetList'of'(0,_store_modules_hosp__WEBPACK_IMPORTED_MODULE
Amarantine、沐风倩✨·2024-01-06 08:30

探索Flutter中常用的系统组件

1.Scaffold（脚手架）Scaffold是Flutter应用程序的基本框架，提供了顶部导航栏、底部导航栏、抽屉菜单等基本结构。
Zender Han·2024-01-06 06:05

深度解析Webpack：现代前端工程化的利器

引言：前端工程化是当今前端开发的不可或缺的一部分，而Webpack作为其中的瑞士军刀，在项目构建和优化中扮演着至关重要的角色。
Mr.mjw·2024-01-06 06:44

04_08.clean-webpack-plugin

1.简介用于清除目录内容我们可以在打包之前使用这个插件尝试清除dist目录下的文件2.安装在根目录下输入以下命令：npmiclean-webpack-plugin-D3.webpack配置在webpack
Robyn_Luo·2024-01-06 05:59

webpack系列——loader详述和插件(plugins)详述

首先使用某些加载器之前需要安装它，npminstall--save-devcss-loadernpminstall--save-devts-loader然后在webpack.config.js配置文件中如下写
浪漫宇宙与人间日常·2024-01-06 05:54

性能优化之Vue组件懒加载（二）

三种应用场景：Components;Router;Vuexmodules.LazyLoadinginVueusingWebpack'sCodeSplitting下面主要设计vuecomponents中
卓三阳·2024-01-06 05:45

webpack 基本配置（包含插件，loader）

本文基于我的另一篇文章webpack基本配置的基础上新增了一些常用插件和loader的安装安装安装之前请确保电脑已经安装了node.js新建目录npminit//项目初始化npminstallwebpackwebpack-cli-D
Accompany呐·2024-01-06 04:45

vue-cli3.0.0-rc.3与2.x的区别

安装启动等命令不一样npmi-gvue-clivueinitwebpack项目名称cd项目名称npmicnpmrundev//vue-cli2.xnpmi-g@vue/vue-cli或者yarnaddglobal
南蓝NL·2024-01-06 04:18

2024年【登高架设】考试及登高架设找解析

（C）A、45B、50C、603、【单选题】下列哪种形式的脚手架不得
aqymnkstkw·2024-01-05 23:02

vue2 cli4 打包chunk文件太多解决办法

由于项目原因npmrunbuild打包后chunk文件很多下，想减少chunk文件数量在vue.config.js文件中添加webpack插件，文件头加varwebpack=require(‘webpack
安迪范德·2024-01-05 23:44

悲哀的事，美好的结局

第一天的晚上，工地上吃饭不见静静，工友们一起去找，发现静静躺在一个水泥柱旁，已血尽而亡，是从楼上掉下来的，脚手架松动了。亲戚赔了80万给静静家。静静风光大葬。
三个瓯柑·2024-01-05 22:09

Vue3.0+Echarts （可视化界面）

Vue3.0+Echarts（可视化界面）1.简介2.安装2.1下载安装Node.js2.2全局下载项目脚手架2.3创建项目1.简介2.安装2.1下载安装Node.js2.2全局下载项目脚手架以管理员身份执行
Arrow·2024-01-05 21:14

vue-打包

打包的作用说明：vue脚手架只是开发过程中，协助开发的工具，当真正开发完了=>脚手架不参与上线打包的作用：1）将多个文件压缩合并成一个文件2）语法降级3）lesssassts语法解析打包后，可以生成，浏览器能够直接运行的网页
小沐°·2024-01-05 21:17

克隆下来的项目 运行打包 报错 Error：Cannot find module 'webpack/lib/RequestShortener'

这种报错网上查众说纷纭大致是说webpack的原因，我在项目里重新安装了下webpack执行：npminstallwebpack-D或者删掉项目里的package.json和node_modules包，
自由L·2024-01-05 20:57

项目初始化脚手架搭建

项目初始化脚手架搭建仓库地址easy-web:一个快速初始化SpringBoot项目的脚手架(gitee.com)目前这个项目还是个单体项目，后续笔者有时间可能会改造成父子工程项目，将通用模块抽象出来，
沉梦听雨.·2024-01-05 20:24

React学习笔记

React学习笔记，从类组件到函数式组件Hooks，再到Router6，零基础全套笔记01-React入门02-React组件与模块03-React事件处理&生命周期&Diffing算法04-React脚手架
风吟Pro·2024-01-05 18:09

react中使用bootstraps

bootstrap，可使用npm导入，在安装bootstraps前，需要安装jQuery，这两个配合使用；一、安装jQuery及配置[email protected]（—‘@’后面是版本号）webpack.base.conf.js
行致·2024-01-05 18:35

odoo17后台启动过程6——总结

这一系列一共写了五篇，现在做个总结：odoo17后台启动过程1——odoo_bin脚手架odoo17后台启动过程2——odoo_binserver子命令odoo17后台启动过程3——三种serverodoo17
加菲大叔·2024-01-05 18:21

Runtime-Compiler和Runtime-Only的区别

我们使用vueinit命令创建脚手架的时候，会有如下选择Runtime+CompilerRuntime-only那么它们究竟有什么区别呢，今天我们就来探讨一下image首先，我们分别通过这两种方式，创建
裁尘的人儿·2024-01-05 16:10

Vue-1、用idea搭建脚手架

1、右键选择new->选择module2.点击staicweb->选择vue.js=>选择next3.输入项目名称vuetest点击next4.耐心等待此过程需要2分钟左右。5.等待几分钟后选择在下拉框里面选择第二个。注意如果要创建vue3则选择第一个。点击next。6.创建成功
一叶飘零晋·2024-01-05 16:41

【解决】WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)

运行vue项目npmrunbuild时，终端webpack报错：解决方案：在webpack.config.js配置文件中，添加配置项如下：module.exports={//该选项可以控制webpack
风风草·2024-01-05 16:19
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他