![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
Webpack的相关认识了解
要成为光的女人
这个作者很懒,什么都没留下…
展开
-
15.利用webpack搭建server本地服务
1.每次修改了一点点的源代码,都会对原来的代码重新做一次打包,有了最新的一个内容,然后通过liveSever搭建一个本地服务,在我们浏览器里面打开把它运行起来。但是这整个过程经常操作会影响我们的开发效率。我们现在想一旦修改源代码以后,webpack自动做一个编译,新的代码立马反应到浏览器上面。webpack给我们提供了watch模式:如何开启watch呢?两种方式: webpack-dev-server上面的方式可以监听到文件的变化,但是事实上它本身没有自动刷新浏览器的功能的,安装webpack-dev-s原创 2022-06-27 14:29:47 · 775 阅读 · 0 评论 -
14.webpack ----Vue源码的打包
1.首先安装依赖,并且在mian.js引入2.安装vue3的版本:npm install vue@next3.VSCode对SFC(单文件组件)的支持插件一:Vetur, 从Vue2开发就一直在使用的VSCode支持Vue的插件;插件二:Volar,官方推荐的插件(后续会基于Volar开发官方的VSCode插件)4.编写App.vue编码5.在main.js里面做倒入后期在编译的时候会出错,出错原因是缺少一个模块,读不出来vue的文件格式,解决方案:安装vue-loader并且在webp..原创 2022-06-26 08:11:58 · 556 阅读 · 0 评论 -
13.babel-loader 转换代码以及babel配置文件
babel--loader 的转换代码的基本使用原创 2022-06-25 10:21:45 · 564 阅读 · 0 评论 -
13.babel的底层原理
babel 底层原理的相关了解原创 2022-06-25 07:36:36 · 207 阅读 · 0 评论 -
12.Babel
babel的基础认识原创 2022-06-24 17:52:34 · 113 阅读 · 0 评论 -
11.webpack之插件的一些使用
webpack插件的一些配置使用,以及其他配置原创 2022-06-24 10:44:25 · 360 阅读 · 0 评论 -
10.webpack-------加载字体资源文件
webpack 字体文件资源打包原创 2022-06-23 14:47:33 · 320 阅读 · 0 评论 -
9.webpack---认识asset module type
webpack 5加载图片资源原创 2022-06-23 10:35:33 · 268 阅读 · 0 评论 -
8.webpack -------url-loader(将较小的图片转成base64处理)
url-loader 处理原创 2022-06-23 07:49:47 · 919 阅读 · 0 评论 -
7.webpack-----文件的命名规则
web pack之图片文件命名规则原创 2022-06-22 15:57:40 · 807 阅读 · 0 评论 -
6.webpack打包其他资源---打包图片资源 file-loader
图片打包资源file-loader原创 2022-06-22 07:59:14 · 262 阅读 · 0 评论 -
5.webpack相关loader的配置
webpack相关的loader的配置原创 2022-06-20 14:43:46 · 377 阅读 · 0 评论 -
4.配置webpack相关的配置信息
webpack配置文件原创 2022-06-19 13:56:04 · 145 阅读 · 0 评论 -
3.创建局部的webpack的高端操作
教你如何局部创建webpack !!!4.在package.json 中创建script 脚本,执行脚本打包即可原创 2022-06-19 10:26:48 · 52 阅读 · 0 评论 -
2.webpack基础
1.在src新建一个文件math.js 使用ESmoudle方式导出2.在新建文件Format.js 使用方式2:CommenJS模块化导出3.在index.js 倒入(1)ESmodule 正常倒入(2)CommenJS 通过require的方式倒入 4.在浏览器中显示index.html原创 2022-06-18 17:54:58 · 49 阅读 · 0 评论 -
1.认识Webpack
静态模块化的打包工具,相关解释如下 2.Css的处理: 3.资源文件img、font: 4.HTML资源的处理:5.处理Vue项目的SFC文件.vue文件;1.webpack的运行是依赖Node环境的,所以我们电脑必须有Node4.Webpack的安装webpack的安装目前分为两个:webpack、webpack-cli...原创 2022-06-15 22:36:05 · 75 阅读 · 0 评论