标签：文件 教程 dist webpack js Webpack path 打包

Webpack

我们平时写好的前端代码要部署到服务器上进行测试，这个时候就需要打包工具，这就是webpack。Webpack 是一个前端资源加载/打包工具。

那为什么要打包呢？？？？？？

因为我们平时开发的代码是我们自己写的，同时也具有可观性，这是开发环境。但是如果要运行它，那么可观不可观就完全不重要了，重要的只有速度，因此需要用webpack将开发环境代码转换成运行环境代码从而提升运行速度。

webpack就是要找出代码模块之间的依赖关系，按照一定的规则把这些模块组织合并为一个JavaScript文件。

但是将所有的模块全部合并到一个JS文件里面，这个JS文件将会非常庞大，因此我们就需要利用一些规则来打破这种局限。

快速入门

1、安装Node

首先需要了解webpack的安装与使用，webpack依赖于Nodejs，因此需要安装node在电脑上才可以使用webpack。

2、安装webpack-cli

webpack-cli是命令行工具包，也是一种脚手架，简单来说，我们要在命令行里面使用webpack就需要webpack-cli。

3、安装webpack

webpack是webpack核心包

需要处理的问题

举个

标签：文件,教程,dist,webpack,js,Webpack,path,打包
来源： https://blog.csdn.net/ruby___ruby/article/details/108594952

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。