首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
后端
01-01 08:00
后端
webpack(4)webpack.config.js配置和package.json配置
webpack(4)webpack.config.js配置和package.json配置,webpack(4)webpack.config.js配置和package.json配置前言上一篇文章我们使用webpack打包成功了,但是每次都要自己手动输入打包的文件地址和打包到哪里去的地址,非常麻烦,所以这里介绍使用配置文件进行打包webpack.config.js首先我们创建一个js文件webpack
163
后端
01-01 08:00
后端
webpack高级概念Develoment 和 Production 不同环境的配置 (系列四)
webpack高级概念Develoment 和 Production 不同环境的配置 (系列四),标签:nbsp结果sed拆分更新而且开发ntbeve因为在不同的环境下,webpack的配置稍微有点区别,如果我们需要在不同的换将下切换,就得重复修改webpack.config.js配置,这是很麻烦而且还容易改错,所以我们需要把配置文件进行拆分。在项目根目录下新建build文件夹,然后在build文
163
后端
01-01 08:00
后端
Webpack的基本配置和打包与介绍(二)
Webpack的基本配置和打包与介绍(二),Webpack的基本配置和打包与介绍(二)阅读目录1.前言2.Loader3.Plugin4.总结1.前言在上一章中我们学习到了webpack的基本安装配置和打包,我们这一章来学学如何使用loader和plugins如果没看第一章的这里有传送门2.Loader2.1什么是loader用官网的话说就是webpack只能理解JavaScript和JSON文件
162
后端
01-01 08:00
后端
webpack打包资源版本管理
webpack打包资源版本管理,webpack引入version-manage-webpack-plugin,提供打包资源的版本管理能力,实现非覆盖式发布。覆盖式发布打包时输出的新版本资源直接覆盖了旧资源,发布到服务器后,导致了:正在使用的用户访问其他页面时,请求旧版本资源出现了404,此时必须通过刷新浏览器才能正常使用。发版后出现致命bug,无法快速回滚为旧版,只能通过git回滚代码重新发版。原
157
后端
01-01 08:00
后端
webpack 5项目编译和打包图片文件
webpack 5项目编译和打包图片文件,今天继续填webpack坑啦。继上次讲了webpack5编译和处理css文件后,今天聊一聊webpack5是如何处理js文件的。目标js中编译图片文件html中编译图片文件图片的base64压缩js中编译图片文件项目中使用图片资源,没有加额外的loader,直接在项目中引入png文件,项目会报错//直接引入png文件importmyPotatofrom'.
156
代码人生
01-01 08:00
代码人生
Webpack基础系列---使用篇
Webpack基础系列---使用篇,在第一篇之后我们对webpack有了基础的了解,webpack最开始是用来打包JavaScript的,如今越来越多的文件类型,webpack本身是不支持打包的,怎么办了?就引入了我们今天主要讨论的loader呢,用来扩展webpack对多种类型的文件进行打包输出。loader篇loader用于对模块的源代码进行转换。loader可以使你在import或"load
156
后端
01-01 08:00
后端
webpack 原理- loader 的执行
webpack 原理- loader 的执行,loader的执行顺序默认情况下是:从左往右,从下往上{test:/\.js$/,use:['normal-loader1','normal-loader2']}复制代码先执行normal-loader2在执行normal-loader1。不过还有额外的情况,同一资源可以配置多个rules并且执行顺序可以自己把控loader分为一下几种形式:前置loa
156
后端
01-01 08:00
后端
Webpack5不完全指南-进阶篇
Webpack5不完全指南-进阶篇,处理HTML中的静态资源前面处理了css中的图片资源,webpack默认不会对HTML进行解析,当然也不会收集处理HTML中的图片等资源,html-withimg-loader可以解析HTML中图片资源收集到dist/img中安装npmihtml-withimg-loader-D配置loader//webpack.config.jsmodule:{rules:[
156
代码人生
01-01 08:00
代码人生
webpack5搭建vue3教-基础篇
webpack5搭建vue3教-基础篇 webpack5搭建vue3教-基础篇 一.安装vue环境: 1.安装nodejs; nodejs包含了npm 二.安装webpack四件套: npm install webpack webpack-cli webpack-server webpack-merge -D 三.初始化项目: npm init -y &nb
154
后端
01-01 08:00
后端
Webpack中publicPath详解
Webpack中publicPath详解,最近自己在搭建一个基于webpack的react项目,遇到关于output.publicPath和webpack-dev-server中publicPath的问题,而官方文档对它们的描述也不是很清楚,所以自己研究了下并写下本文记录。outputoutput选项指定webpack输出的位置,其中比较重要的也是经常用到的有path和publicPathoutp
153
«
1
2
3
4
5
6
7
8
...
23
24
»