Webpack 第27页

2020版idea怎么创建Vue项目

.下载idea中的vuejs文件之后创建vuejs文件点击next，进入下一步2.创建文件后选择文件的位置，选择vue脚手架cli的位置3.创建项目成功之后点击进入终端命令行4.输入指令vueinitwebpack

ZXG20000·2023-12-29 19:05

利用 stats.json 定位 @nrwl/react webpack 配置问题

NX基于React应用在webpack打包时添加了url-loader的相关配置。但是同事反馈该url-loader针对部分引用的图片文件不起作用。

小志Chris·2023-12-29 19:51

百度地图再vue中的引入方式

使用方式一1.在public->index.html引入ak=自己的密钥2.若是vue2.0就是lib/webpack.base.conf.js加入以下代码，若是vue3.0就在最外层创建一个这个文件module.exports

葫芦娃y·2023-12-29 16:19

vue init webpack my-project 选项详解

Projectname(my-project):#项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。Projectdescription(AVue.jsproject):#项目描述，如果不需要就直接回车。Author(xxx)：#项目作者，默认计算机用户名vuebuild(Usearrowkeys)>Runtime+Compiler:recommendedformostusers#译：运

Asonce·2023-12-29 14:42

vite 查看项目依赖资源打包后的占比

vite打包的时候发现dist包挺大的；可以查看相应依赖资源的所占比例去压缩对应资源或按需导入对应资源；使用的是rollup-plugin-visualizer；一个打包体积分析插件，对应webpack

小小的杰茜·2023-12-29 13:28

【Vue3】创建项目的方式

确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令vuecreatevue_test本质上使用webpack

小秀_heo·2023-12-29 13:58

webpack 的 source-map 设置

sourcemap是什么sourcemap是一个信息文件，里面储存着位置信息，是转化（打包压缩混淆）后代码与源文件代码的位置映射sourcemap的作用在代码调试的时候，能快速定位到源文件的位置如何在webpack

imdongliang·2023-12-29 11:59

webpack的深入学习与实战（持续更新）

一、何为WebpackWebpack是一个开源的JavaScript模块打包工具，其最核心的功能是解决模块之间的依赖，把各个模块按照特定的规则和顺序组织在一起，最终合并为一个JS文件或多个。

八分钟de温暖·2023-12-29 09:45

《Webpack5 升级》- Vue2.x 组件库 Webpack3 升 5

前言基于Vue2.x的项目和组件库开发于2019年，那时对Webpack版本没有概念，项目和组件库的版本混乱…有的使用v3，有的使用v4…对于现今2023年（或2024年）的整个生态环境是不够用的，无法使用较新和更优秀的插件

AvatarGiser·2023-12-29 08:52

简单聊聊 webpack vue-cli vite

先说说webpack从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具，其实重点就是跟，他依赖于node模块前端模块化是指：前端的js，css，图片，json文件，还有一些其他的静态资源可以当成模块来进行使用

奶爸程序猿·2023-12-29 05:23

Rollup(1): 安装 Rollup 以及 Rollup 和 Webpack 的区别

Rollup介绍Rollup是一个JavaScript模块打包器，可以将小块代码编译成大块复杂的代码，例如library或应用程序。Rollup对代码模块使用新的标准化格式，这些标准都包含在JavaScript的ES6版本中，而不是以前的特殊解决方案，如CommonJS和AMD。ES6模块可以使你自由、无缝地使用你最喜爱的library中那些最有用独立函数，而你的项目不必携带其他未使用的代码。ES

一个抱抱一首歌·2023-12-29 05:17

webpack升级后发现-webkit-box-orient 属性丢失

原因：升级webpack5后webpack认为-webkit-box-orient是过时属性，所以被autoprefixer给杀掉了，所以浏览器css里就没有显示这个属性目前的解决方法添加/*autoprefixer

姝光·2023-12-29 02:14

this.getOptions is not a function at Object.loader

解决方法：进入github的webpack地址：Github的webpack链接找到自己版本的webpack选择自己版本的webpack打开package.json寻找对应版本的loader，并安装对应版本的

流星先生!·2023-12-29 02:03

gzip引入后node_modules中.cache compression-webpack-plugin占用内存过多

1.GzipGzip（GNUzip）是一种常见的文件压缩格式和压缩算法，通常用于在Web服务器上对静态资源文件进行压缩，以减小文件大小并加快文件传输速度。在前端开发中，经常会使用Gzip压缩来优化网站的性能。Gzip压缩通过移除文件中的重复数据和不必要的信息来减小文件大小，从而减少网络传输时间。当浏览器请求支持Gzip压缩的资源时，服务器会将这些资源进行压缩，并在响应中添加相应的头部信息表明该资源

哟哟耶耶·2023-12-29 01:30

webpack中import实现过程

webpack基本原理可参考webpack系列之一总览，本文是对import方法的补充。

videring·2023-12-29 00:40

JavaScript(JS) ESlint报错Error: Must use import to load ES Module解决方法

本文主要介绍使用React,Typescript,styledcomponents,webpack时，运行eslint报错Error:MustuseimporttoloadESModule的解决方法。

weixin_42098295·2023-12-28 22:23

提高webpack的构建速度的几种方法概括 2021-05-08

提高webpack的构建速度的几种方法概括通过externals配置来提取常用库利用DllPlugin和DllReferencePlugin预编译资源模块,通过DllPlugin来对那些我们引用但是绝对不会修改的

October_CanYang·2023-12-28 21:35

Vue3中说说Tree shaking特性？举例说明一下？

然后我们再说说Treeshaking是什么和作用一、通过构建工具和模块导入方式实现1.配置构建工具：在Vue3项目中，通常使用webpack进行构建。

SwJieJie·2023-12-28 21:25

基于JavaWeb业余足球爱好者服务平台

Mybatis和Mysql作为Dao层数据库技术、使用了FastJson作为序列化工具进行协议的制定、数据的前后端交互和临时存储、使用了yaml作为基础配置文件本项目的前端使用了Vue作为前端的mvvm框架、通过webpack

爱编程的小白L·2023-12-28 19:53

四十八----react实战

/index.less'exportconstApp(){returnhelloword}//webpack配置{test:/\.css$/,use[{loader:'css-loader',options

chujinmaolu·2023-12-28 18:57

vite + vue3 的项目，使用 rollup 打包的方法

guide/build.html#library-mode详细设置https://cn.vitejs.dev/config/#build-lib技术栈viterollup打包方式vue-cli自带的是webpack

自然框架·2023-12-28 17:07

jenkins vue 打包特别慢_Vue + Jenkins 打包部署笔记

代码参数读取配置使用webpack.DefinePlugin可以实现全局变量定义//读取npm/yarn参数letargv=[...process.argv].slice(2)constmyEnv={}

小仙女的仙人掌·2023-12-28 16:43

Webpack高频面试题

1.Webpack的构建流程是什么？被面试官问到Webpack的构建流程是什么的时候该如何回答呢？

守灯者·2023-12-28 16:05

尚硅谷Webpack实战教程基础配置

Webpack基本配置通俗易懂//设置webpack基础配置//开发环境配置：能让代码运行//运行项目指令//webpack会将打包结果输出出去//npxwebpack-dev-server只会在内存中编译打包

ZhouXin_0819·2023-12-28 14:37

vue静态资源的引用(相对路径,绝对路径,@,~的一些笔记,以图片引入为例,含在线演示)

前置配合在线演示看更好~@在线演示地址引入的方式相对路径的引用webpack的处理路径以.开头,会被webpack处理在其编译过程中，所有诸如、background:url(...)和CSS@import

未成年梦想·2023-12-28 14:36

webpack坑系列--安装webpack-cli

webpack安装后提示CLIwebpack4X后需要安装webpack-cli请注意需要安装在同一目录npminstall--save-devwebpack-g输入以上命令后:webpack-v提示:

Kemmy_m·2023-12-28 14:08

关闭ESLint语法检测

如果是脚手架创建的vue项目vueinitwebpackProjectName，创建的时候选择的eslint校验的话会多出一个文件.eslintrc.js，执行npmrunstart会报错，项目跑不起来关闭

饮茶听风·2023-12-28 14:30

实践：原有前端项目升级到webpack5

目前，公司的前端的技术栈是React,前端项目从第三方框架的使用上来说，分为三类：a.没有用第三方b.nextjs+antda.umi+antd(antdpro)升级的工作量以及难度，取决于架构的封装度和灵活度。我们从最简单的开始：1.没有用第三方框架的项目升级这个好说，直接按ModuleFederation项目间组件共享stepbystep这个笔记里来就好了。需要特别一提的是，这时里的commo

hupo256·2023-12-28 13:22

VUE Error: getaddrinfo ENOTFOUND localhost

Jins-MBP:helloworldXXX$npmrundev>[email protected]/Users/XXX/Documents/develop/front/helloworld>webpack-dev-server

爱红旗渠·2023-12-28 12:02

5、webpack babel-loader配置

babel主要处理es6转es5代码，相关配置如下：1、下载插件yarnaddbabel-loader@babel/core@babel/preset-env@babel/plugin-proposal-class-properties@babel/plugin-proposal-decorators-D2、添加相关配置module:{rules:[{test:/\.js$/,//匹配js文件us

圆梦人生·2023-12-28 12:07

使用Rollup 搭建开发环境

(开发应用时使用webpack,开发库时使用Rollup)2环境搭建1npminit出现package.json等文件2npminstallr

前端小超人rui·2023-12-28 11:49

coderfl·2023-12-28 09:12

require.context()使用方法及项目实战

，有3个参数：可以给这个函数传入四个参数：directory：要搜索的文件夹目录useSubdirectories：是否还应该搜索它的子目录regExp：一个匹配文件的正则表达式mode：是否异步加载webpack

Cdlblbq·2023-12-28 08:04

webpack4基础配置教程（二）-----生产环境

webpack4基础配置教程（二）-----生产环境生产环境准备：1.提取css为单独文件安装插件npminstallmini-css-extract-plugin@1-d引入插件//引入MiniCssExtractPlugin

神秘的帅哥·2023-12-28 08:45

深入了解 HTML5 History API，前端路由的生成，解读 webpack-dev-server 的 historyApiFallback 原理

文章目录1、history2、两种路由模式的生成3、historyApiFallback1、historyHistory接口，允许操作浏览器的sessionhistory，比如在当前tab下浏览的所有页面或者当前页面的会话记录。history属性1、length(只读)返回一个总数，代表当前窗口下的所有会话记录数量，包括当前页面。如果你在新开的一个tab里面输入一个地址，当前的length是1，如

解忧杂货铺Q·2023-12-28 07:01

webpack - 基础配置教程

目录什么是webpack?

伏城之外·2023-12-28 07:27

Webpack学习笔记 01、Module模块系统

文章目录前言一、Module出现的原因1.1、最初引入js文件的方式(原始引入与立即调用函数表达式方式)1.2、使用Module模块系统管理(初次使用)二、Module模块方式与使用前提条件2.1、引入Module模块方式(两种)2.2、前提条件三、Module的两种导出与导入方式一：exportdefault导出与import导入(只能单个)方式二：export导出与import引入(单、多个)

长路 ㅤ ·2023-12-28 07:15

vue入门|ElementUI使用指南

vue.js2.0中文,项目所使用的js框架vue-router,vue.js配套路由vuex状态管理ElementUI框架2.构建项目框架全局安装脚手架环境npminstall-gvue-cli创建一个基于webpack

a_Keri·2023-12-28 07:04

Vue铺垫知识 --- ES6模块化

Vue框架内容管理VueVue前置内容ES6模块化默认导出【暴露】和默认导入按需导入和按需导出直接导入并执行模块中的代码安装node，vue安装vue创建vue项目vuecreatevueinitwebpackpromise

码农C风·2023-12-28 03:40

Vue 开发格式警告

如果通过webpack安装模版时不慎选了ESLint语法格式警告，那么可以在项目的根目录找到·.eslintignore·添加*.js

Zszen·2023-12-27 23:05

React初体验

1、React安装通过npm使用React我们建议在React中使用CommonJS模块系统，比如browserify或webpack，本教程使用webpack。

xingxixi·2023-12-27 20:53

项目优化之关于gzip压缩的问题

本地打包的时候产生gzip压缩文件b.nginx服务器配置开启gzip压缩Ⅰvue.config.js中配置gzip:constCompressionPlugin=require('compression-webpack-plugin

Uhan_alpha·2023-12-27 18:07

Bazel作为构建工具之王，将会颠覆你对CI的认知

Java程序员想到的是Maven，前端程序员想的是NPM或者Webpack、Android程序员想到的是Gradle、Rust程序想到的是Cargo、C++程序员想到的是Make等等。

apl359·2023-12-27 16:01

webpack打包样式文件/css文件

打包样式文件1.npminit生成packge.json，后面安装插件会自然产生依赖image2.安装load加载器npminstallcss-loaderstyle-loader3.修改配置文件webpack.config.js

清汤饺子·2023-12-27 15:01

webpack打包原理的思考

webpack是一个前端资源加载/打包的工具。

秘果_li·2023-12-27 11:11

Vue项目引入jQuery

安装jQuery模块：npminstalljquery-d编辑build/webpack.base.conf.js配置文件添加如下配置：//使用webpack模块constwebpack=require

Leil1230·2023-12-27 09:54

Vue中使用require.context自动引入组件的方法介绍

答案是肯定的，下面就为大家介绍一下require.contextrequire.context是webpack提供的一个API，用于创建context，即一组具有相同上下文的模块。

邹荣乐·2023-12-27 09:39

mac创建vue脚手架项目遇到Syntax Error: Error: EACCES: permission denied, mkdir ...问题及解决方案

问题记录安装：安装node，安装webpack，安装vue-cli。npminstallwebpack-g，执行时看起来没有问题，但是使用命令时会报错permissiondenied，是因为没有权限。

王大眼睛�·2023-12-27 08:35

个人实际开发心得感悟及学习方法

前言我的学习路线应该和大多数人的学习路线差不多,快速的学习完html和css,很多东西都没有记住的情况下就进入了js的学习,js学的懵懵懂懂就进入了node.js的基础学习和webpack的了解式学习,

青阳流月·2023-12-27 08:06

electron自动更新

process.env.WEBPACK_DEV_SERVER_URL){autoUpdater.autoDownload=falseautoUpdater.signals.updateDownloaded

xiaoLu_code·2023-12-27 06:37

推荐频道

Webpack