加载中...
文章
794
标签
0
分类
17
首页
档案
标签
分类
清单
音乐
电影
友链
关于
小马Ti的博客
WebPack安装
搜索
首页
档案
标签
分类
清单
音乐
电影
友链
关于
WebPack安装
发表于
2024-11-18
|
更新于
2024-11-18
|
Front-EndAdvancement
|
总字数:
2
|
阅读时长:
1分钟
|
浏览量:
安装
文章作者:
小马Ti
文章链接:
http://example.com/2024/11/18/TyporaNotes/Typora_Front-EndAdvancement/WebPack安装/
版权声明:
本博客所有文章除特别声明外，均采用
CC BY-NC-SA 4.0
许可协议。转载请注明来源
小马Ti的博客
！
赞助
上一篇
WebPack合并JS
合并JS1.创建webpack文件夹 2.创建src文件夹3.src下面创建一个js文件 4.src下面再创建一个js文件 5.src创建一个main.js作为打包的入口 6.在根目录下定义一个webpack.config.js文件配置打包的规则 7.执行webpack命令,查看效果
下一篇
WebPack概述
WebPack概述定义Webpack 是一个开源的前端静态模块打包工具。它会根据模块的依赖关系，递归地将项目的所有资源（如 JavaScript、CSS、图片等）打包成静态文件，以提高网页加载和运行效率。 组成部分1.Entry（入口）：Webpack 构建的起点，指定从哪个文件开始分析依赖关系。2.Output（输出）：Webpack 打包后文件的输出位置和命名规则。3.Loaders（加载器）：用于转换不同类型的模块（如将 TypeScript 转换为 4.JavaScript，或将 SASS 转换为 CSS）。5.Plugins（插件）：扩展 Webpack 功能的模块，比如优化打包结果、管理环境变量等。6.Mode（模式）：运行模式，分为开发模式（development）和生产模式（production）。 作用通过模块化打包，解决前端资源管理混乱的问题，提高项目的开发效率和运行性能。 目的1.整合前端资源，优化加载效率。2.支持模块化开发，提升代码的可维护性和可复用性。3.提供一整套构建工具链，适配不同的开发需求。 基本原理Webpack...
评论
目录
1.
安装
简
0
%
搜索
数据加载中
