webpack配置

webpack怎么配置单页面或者多页面项目？

dependOn配置多个入口的依赖关系，一般的，我们也可以直接在entry中配置多个入口文件的键值对1、单页面举个例子=>你有这样一个项目架构├──config│├──webpack.config.js//webpack
镜中的女孩-potato·2024-09-14 18:25

【前端Vue】06 - VueCLI 脚手架

VueCLI是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。2.使用VueCLI需要做的准备2.1安装NodeJS下载地址。
itlu·2024-09-06 06:50

webpack plugin

插件的执行顺序在Webpack配置文件中，插件是按照它们在plugins数组中的顺序依次执行的。
_Rookie._·2024-09-04 21:16

TypeScript+Vue

Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目（啥是@vue/cli）具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义
神小夜·2024-09-01 10:07

【Node.js 常用命令（第五篇）】揭秘Node.js：掌握这些常用命令，让你在开发路上风生水起！

目录前言30条常用的Node.js的命令（第1~120条在上一篇）121.gulp-流式自动化构建系统122.grunt-经典的任务运行器123.webpack-merge-合并Webpack配置124
雷神 Leo·2024-08-28 21:15

Webpack配置及工作流程

Webpack是一个现代JavaScript应用程序的静态模块打包器（modulebundler）。当Webpack处理应用程序时，它会在内部构建一个依赖图（dependencygraph），该图会映射项目所需的每个模块，并生成一个或多个bundle。基本配置步骤安装Webpack和WebpackCLI：使用npm或yarn将Webpack及其命令行接口（CLI）安装为开发依赖。npminstal
开发小途·2024-08-28 02:40

React项目-less、antd配置

一、创建Reract项目1、创建React项目npxcreate-react-appreact-test2、运行ejectCesium静态资源需要webpack配置，执行npmruneject可以生成webpack
呆呆的小草·2024-08-26 17:34

3月12日日记：【WEBPACK】【REACT】

关于webpack遇到的问题本次webpack配置一切顺利，需要注意的地方有两点：在使用babel-loader的时候要将node_modules目录剔除，否则会出现项目中载入css的时候出现css-loader
钟志弘·2024-08-24 21:50

webpack快速基础

文章目录webpack快速基础1.概念1.1入口1.2输出(output)1.3loader1.4插件（plugin)2.建立项目，用于测试功能2.1安装webpack，2.2创建webpack配置文件
风漫漫雨歇歇·2024-03-26 08:54

Webpack配置与运行基础教程

在前端开发中，Webpack是一款非常流行的模块打包工具，它可以帮助我们将多个文件打包成一个或多个静态资源文件，从而提高前端项目的性能和可维护性。本文将为你介绍Webpack的基础配置和运行方法，帮助你快速上手Webpack。什么是WebpackWebpack是一个基于Node.js的模块打包工具，它可以将各种资源，如JavaScript、CSS、图片等，视为模块，并通过各种loader和插件对这
猿小白klp·2024-03-09 03:28

【前端】Vue中引入excel模板并下载以及XLSX使用

模板存放位置src/assets/excelTemplate/模板.xls安装模块包npminstallfile-loader--save-dev//开发，Webpack配置中使用它来处理文件加载npmixlsx
Lucky小维·2024-02-20 20:09

【Webpack】生产模式

优化主要从两个角度出发:优化代码运行性能优化代码打包速度生产模式准备我们分别准备两个配置文件来放不同的配置1.文件目录├──webpack-test(项目根目录)├──config(Webpack配置文件目录
小秀_heo·2024-02-20 02:23

vue框架-vue-cli

VueCLI通过提供预先配置好的Webpack模板和插件，使得开发人员可以在不需要手动编写Webpack配置的情况下快速创建Vue应用。
陆卿之·2024-02-20 00:54

vue3 要区分生产环境和测试环境，请求不同的后端接口，如何统一配置管理

下面的内容是chatGPTQA日志在Vue3中，你可以使用环境变量和Webpack配置来区分生产环境和测试环境，并且请求不同的后端接口。
·2024-02-19 15:48

【Vue】工程化开发&脚手架Vue CLI

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳工程化开发&脚手架VueCLI基本介绍VueCli是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack
五敷有你·2024-02-14 18:08

vue全家桶

Vuecli提供了强大的功能，用于定制新项目、配置原型、添加插件和检查webpack配置。安装：npminstall-gvue-cli优点：功能丰富，易于扩展等优点2.vue-Router的使用vue
miss-ddly·2024-02-14 17:24

webpack常用配置及基本概念

webpack配置文件的默认名称:webpack.config.js/webpackfile.js一般选前一种(1)入口entry/出口output:entry可多入口,可构建多页面应用，设计多个html
再来一瓶路易十三·2024-02-13 13:16

webpack 配置文件、配置项、插件

1.webpack配置文件webpack.config.js配置项entry入口文件,告诉webpack打包从哪个文件开始,可以有一个或多个入口文件.output出口文件,也就是打包生成的文件存放位置,
Pumpkincc·2024-02-12 10:53

Vue 性能优化

回答此问题应从三个方面着手1）Vue代码层面的优化；2）webpack配置层面的优化；3）基础的Web技术层面的优化一：代码层面的优化1.1、v-if与v-show区分使用场景1.1.1手段：v-if是通过控制
moveOn_3e90·2024-02-11 04:12

[学习笔记]TypeScript学习笔记

1.2TypeScript与JavaScript的关系1.3TypeScript的优点1.4TypeScript开发环境搭建2基本类型2.1类型声明2.2基本类型种类3编译选项3.1自动编译文件3.2自动编译整个项目4用webpack
无知的圆·2024-02-10 18:54

Vue脚手架目录详解

vue脚手架一级目录一级目录build：webpack配置文件config：webpack配置文件node_modules：安装的依赖包src：所有的组件都写在里面static：所有第三方的静态资源存放目录一级文件
江疏影子·2024-02-09 18:16

webpack概念

概念和安装安装npminitdemo//创建一个项目cddemonpminstall-Dwebpackwebpack-cli创建一个webpack.config.js文件，webpack配置可以写在其中
passenger_z·2024-02-08 13:43

vue中webpack配置compression-webpack-plugin打包压缩和优化，terser-webpack-plugin在构建过程中对 JavaScript 代码进行压缩和优化

compression-webpack-plugin/一、compression-webpack-plugin的使用，安装插件npminstallcompression-webpack-plugin--save-dev二、在webpack
葫芦娃y·2024-02-07 22:18

前端工程化与webpack基础-----webpack插件，打包

文章目录前端工程化与webpack基础前端工程化实际的前端开发何为前端工程化前端工程化解决方案webpack基础用法webpack是什么安装webpack配置webpackmode的可选值webpack.config.js
追求～·2024-02-07 10:58

webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。

文章目录前言一、项目完成的目录二、webpack配置vue1.main1.js，安装vue并初始用（解决报错）2.el和template区别a、区别一3.main2.js，使用SPA模式4.main3.
java冯坚持·2024-02-07 09:46

Vue<解决vue cli2/3 打包上线后的缓存问题>

webpack.prod.conf.js代码配置image.pngimage.png在vuecli3项目中，首先你有配置vue.config.js(不知道怎么配置的话，直接看最下面)，然后在里面添加configureWebpack:{//webpack
誰在花里胡哨·2024-02-07 01:20

React核心知识点总结（全）

create-react-app（cra））1：安装cnpminstall-gcreate-react-app2:初始化项目create-react-appdemoNmae3：了解react脚手架中的webpack
pray Serendipity·2024-02-05 03:15

手写一个 vue 项目的webpack 的配置 1

最近闲下来了，就做做技术分享系列文章计划分为三篇手写一个vue的webpack配置手写一个react的项目webpack实践手写一个webpack的脚手架我们经常在项目中遇到修改webpack的配置，但是只是单纯的依靠脚手架
hegege·2024-02-04 18:39

webpack 配置文件

本节我们来学习webpack的配置文件webpack.config.js，由于webpack配置文件是导出一个对象的JavaScript文件，因此很少有webpack的配置看起来是完全相同的。
暖A暖·2024-02-04 14:27

webpack配置

一、很多基础方面的配置被vuecli所集成一般项目都是使用vuecli,不会真正的去从0-1进行webpack配置:1、vuecli中的webpack基础配置:(1)入口文件默认在src/main;输出在
和科比合砍81分·2024-02-04 10:42

前端工程化实战 - Webpack 打包

前端工程化实战-Webpack打包模块打包工具的由来模块打包工具概述Webpack基础Webpack快速上手Webpack配置文件Webpack工作模式Webpack打包结果运行原理Webpack模块加载器
时光海丶·2024-02-04 10:33

从0搭建react+ts+redux+axios+antd项目

文章目录一、安装及初始化二、TypeScript配置三、Webpack配置四、Prettier统一编码风格五、使用less六、Antd安装及使用七、添加Router及配置八、安装axios九、添加redux
Ying（英子）·2024-02-02 08:55

前端工程化之：webpack1-10(区分环境)

区分环境有些时候，我们需要针对生产环境和开发环境分别书写webpack配置。为了更好的适应这种要求，webpack允许配置不仅可以是一个对象，还可以是一个函数。
小李老笨了·2024-02-02 08:54

webpack配置报错Invalid options object. Dev Server has been initialized using an options object that...

webpack配置项报错ValidationError:Invalidoptionsobject.DevServerhasbeeninitializedusinganoptionsobjectthatdoesnotmatchtheAPIschema
小马_xiaoen·2024-02-02 02:29

Webpack的性能优化

减小生成文件的体积：使用treeshaking来消除未使用的代码，可以通过在webpack配置中设置optimizati
好先---------------在华夏·2024-02-01 07:54

webpack优化配置-dll方式将第三方库独立打包

安装DllPlugin插件npminstall--save-devwebpackwebpack-cliwebpack-dev-serverwebpack-manifest-plugin创建一个新的webpack
好先---------------在华夏·2024-02-01 07:44

Vue打包Webpack源码及物理路径泄漏问题解决

修复前：找到vue.config.js文件，在其中增加配置module.exports={productionSourceMap:false,//webpack配置configureWebpack:{devtool
未来@音律·2024-01-31 10:20

#VUE CLI 脚手架的安装及初识脚手架（一）

2.使用vue-cli可以快速搭建Vue开发环境（你所需要构建项目的基础文档闭包）以及webpack配置3.cli的版本5.0安装VueCLI可以用window系统的cmd命令行打开，也可以直接在你创建好的文件夹的
韩昕燃·2024-01-30 19:19

Vue之初识Vue CLI 脚手架

【集成了webpack配置】脚手架有什么好处？
远近高低各不同·2024-01-30 18:43

webpack5快速搭建HTML项目

webpack5快速搭建HTML项目基础环境搭建webpack配置（区分开发和生产）补充：NodeJs相关知识点基础环境搭建快速初始化项目，并生成一个package.json文件：yarninit-y安装
weiweivita·2024-01-29 22:27

webpack5快速搭建Vue3项目

webpack5快速搭建Vue3项目基础环境搭建安装依赖webpack配置文件修改引入Vue基础环境搭建参考webpack5快速搭建HTML项目安装依赖vue：yarnaddvue-Svue-loader
weiweivita·2024-01-29 22:27

Invalid options in vue.config.js: "compiler" is not allowed

vue-cli3.0创建的项目，已经干掉了原有的webpack配置，取而代之的是，vue.config.js相信很多人尝试配置的时候都遇到了这个bug。
北方蜘蛛·2024-01-29 03:39

从 0 开始搭建 React 框架

webpack配置不再赘述，可参考前三个文章（wenpack5基本使用1-3）使用react安装react、react-dom、@babel/preset-reactyarnaddreactreact-dom
丶清风不问烟雨·2024-01-27 15:13

VueCli 3.0 配置 vue.config 优化完整版

目录一、基础配置二、服务和跨域代理设置三、CSS相关设置四、chainWebpack配置五、chainWebpack配置六、完整版vue.config.js一、基础配置module.exports={runtimeCompiler
何小半夏·2024-01-26 23:48

请求优化--利用webpack实现根据路由进行懒加载

/Foo.vue')配置Webpack：确保您的Webpack配置中启用了代码分割功能。这通常通过设置optimization.splitChunks选项来实现。
normi-D18·2024-01-26 11:33

第五章（原理篇） 微前端技术之模块联邦与动态加载

文章目录Webpack的模块联邦与动态加载模块联邦（ModuleFederation）第一步：设置Webpack配置在应用1（App1）中在应用2（App2）中第二步：编写和暴露模块第三步：在应用2中使用暴露的模块第四步
球球不吃虾·2024-01-26 09:41

webpack的sourcemap各种参数详解

webpack配置中的devtool字段可以允许我们控制sourcemap的生成，提供开发时候的代码定位功能关于sourcemap可以参考sourcemap详解1.sourcemap关键字sourcemap
刷题刷到手抽筋·2024-01-25 09:09

webpack对项目优化

方案：webpack配置文件配置limit，将图片转换成base64流的形式存储
天蒙蒙亮·2024-01-23 09:15

electron-vue设置的环境变量如何在打包后能正常读取到

首先，你需要在你的webpack配置文件中添加DefinePlugin插件。在你的webpack.main.c
竹立荷塘·2024-01-20 14:41

Webpack5入门到原理14：生产模式介绍

优化主要从两个角度出发:优化代码运行性能优化代码打包速度生产模式准备我们分别准备两个配置文件来放不同的配置1.文件目录├──webpack-test(项目根目录)├──config(Webpack配置文件目录
duansamve·2024-01-20 01:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他