本篇文章给大家分享的是有关webpack在vue-cli工程中有什么用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
成都创新互联服务项目包括高淳网站建设、高淳网站制作、高淳网页制作以及高淳网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,高淳网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到高淳省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
Vue项目开发过程中,会因为很多不同的实际运用需求不断地对webpack配置进行修改,在此之前,我们需要对webpack有一个基本的认识,了解它到底能为我们做些什么
webpack是一个模块打包的工具,它的作用是把互相依赖的模块处理成静态资源,如下图所示。.
webpack的作用:
●把依赖树按需分割;
●把初始加载时间控制在较低的水平;
●每个静态资源都应该成为一个模块;
●能把第三方库集成到项目里成为一个模块;
●能定制模块打包器的每个部分;
●能适用于大型项目。
webpack的特点:
● 代码分割
在webpack的依赖树里有两种类型的依赖:同步依赖和异步依赖。异步依赖会成为一个代码分割点,并且组成一个新的代码块。在代码块组成的树被优化之后,每个代码块都会保存在一个单独的文件里。
●加载器
webpack原生是只能处理JavaScript的,而加载器的作用是把其他的代码转换成JavaScript代码,这样一来所有种类的代码都能组成一个模块,也就是说,我们可以在代码内通过import将webpack打包的资源以模块的方式引入到程序中。
以下是Vue项目中常用到的加载器(它们都是以NPM库形式提供的):
vue-loader——用于加载与编译*.vue文件;
vue-style-loader——用于加载*.vue文件中的样式;
style-loader——用于将样式直接插入到页面的