位置: 编程技术 - 正文

webpack配置文件和常用配置项介绍(webpack配置文件在哪)

编辑:rootadmin

推荐整理分享webpack配置文件和常用配置项介绍(webpack配置文件在哪),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:webpack配置文件详解,webpack配置文件详解,webpack配置文件中的配置选项,webpack 配置文件,webpack入口文件配置,webpack 基本配置,webpack4.0配置,webpack 配置文件,内容如对您有帮助,希望把文章链接给更多的朋友!

1、安装webpack

1.全局安装webpack:npm install webpack -g 或者转化了cnpm则将npm改为cnpm进行安装

2.进行初始化建立package.json文件记录插件,命令行:npm init

3.webpack安装到项目并将写入package.json的devDependencies中,

命令行:npm install webpack --save-dev。

2、webpack配置文件介绍

1.webpack需要配置文件webpack.config.js,手动的创建于项目根目录中就ok。一个项目可以设置多个配置文件,每个都可以有不同的功能。

2.webpack的配置文件,格式如下:

3.常用配置项简单说明

entry:打包的入口文件,它可以是一个字符串或者一个对象。

output:配置打包的输出结果,为一个对象。

fileName:定义输出文件名,为一个字符串。

path:定义输出文件路径,为一个字符串。

module:定义对模块的处理逻辑,为一个对象。

loaders:定义一系列的加载器,为一个数组。 

resolve:影响对模块的解析,为一个对象

extensions:自动补全识别后缀,为一个数组

plugins:定义插件,为一个数组

4.entry的详细说明

webpack配置文件和常用配置项介绍(webpack配置文件在哪)

1)当entry是一个字符串时,这个字符串表示需要打包的模块的路径,如果只有一个要打包的模块,可以使用这种形式

2)当entry是一个对象

a.是数组时,如果需要将多个模块打包成一个模块,可以使用这个方式。如果这些模块之间不存在依赖,数组中值的顺序没有要求,如果存在依赖,则要将依赖性最高的模块放在最后面。

例如:entry:["./dome/one.js",".dome/two.js"]      

b.是键值对形式的对象是,当需要分别打包成多个模块时,可以使用这种方式,例:

注:当entry是一个键值对形式的对象时,包名就是键名,output的filename不能是一个固定的值,因为每个包的名字不能一样

5.output详细说明

1)output是一个对象

2)output.filename:指定输出文件名,一个字符串。当输出一个文件,output.filename为一个确定的字符串

如:

当输出多个文件,output.filename不能为一个确定的字符串。为了让每个文件有一个唯一的名字,需要用到下面的变量

如:

(3)output.path:指定输出文件的路径,相对路径,为一个字符串

6.module.loaders详细说明

1)module是一个对象,定义对模块的处理逻辑

2)module.loaders是一个数组,定义一系列加载器,这个数组中的每一项都是一个对象

3)

  

(4)module除了可以配置loaders以外还能配置其他的值.更详细请移步webpack官网

7.resolve.extensions详细说明

1)resolve.extensions并不是必须配置的,当不配置时,会使用默认值["", ".webpack.js", ".web.js", ".js"],当手动为resolve.extensions设置值,它的默认值会被覆盖

2)如果你想要每个模块都能够按照它们自己扩展名正确的被解析,要在数组中添加一个空字符串。

3)如果你想请求一个js文件但是在请求时不带扩展(如:require('somecode')),那么就需要将'.js'添加到数组中。其他文件一样

标签: webpack配置文件在哪

本文链接地址:https://www.jiuchutong.com/biancheng/379439.html 转载请保留说明!

上一篇:NodeJs模拟登陆正方教务(nodejs实现登录)

下一篇:NodeJs安装npm包一直失败的解决方法(npm安装nodemodules)

  • 彩票税率税率
  • 小规模纳税人加油发票可以抵扣吗
  • 发票红冲需要做账吗
  • 审计调整分录汇总的内容
  • 个人所得税算错
  • 部分红冲的发票,剩余未冲红部分可以再红冲么
  • 民办非营利组织幼儿园清算时固定资产如何处理
  • 12月了还没找到工作怎么办
  • 汇算清缴前取得暂估发票
  • 企业生产设备产品有哪些
  • 劳务公司注销了,未出的款怎么走账
  • 汽车修理费入账
  • 电子发票没有纳税人识别号有效吗
  • 小微企业所得税优惠政策最新2022
  • 购车时服务费用怎么算
  • 固定资产折旧计提完毕怎么处理
  • 建筑企业存款账户
  • 公司入职员工
  • 企业贷款利息是否可以提前还款
  • 开过去的普通发票多久不能冲红?
  • 怎么解决百度打不开页面
  • 苹果14.5新功能
  • 软件产品即征即退申请表
  • 进项发票失控怎么办
  • androirc下载
  • 交易性金融资产的入账价值
  • 增值税专用发票怎么开
  • 研究院经营范围怎么写
  • mmtray2k.exe有什么作用 是什么进程 mmtray2k进程查询
  • 工伤索赔的赔偿金额
  • 购入固定资产入账价值包括增值税吗
  • 记账凭证按其用途
  • maven视频教程
  • node js教程
  • 记账凭证后面附发票吗
  • 公允价值怎么记账
  • python中线程可以用在哪些方面
  • html前端开发教程
  • python命令行进度条
  • 没有发票的费用支出怎么入账
  • 商誉需要交税吗
  • sql server 2005数据迁移
  • 工业企业出租设备租金计入什么科目
  • 年底要结转净利润怎么算
  • 公司班车运费如何入账的
  • 外贸公司是不是什么都做的?
  • 代办旅行社经营许可证
  • 财务单独核算是什么意思
  • windows安装mysql5.7详细步骤
  • macbook安装ghost win10
  • win8怎么禁用强制驱动签名
  • 苹果电脑如何缩小屏幕显示
  • win10怎么预览
  • 用U盘安装系统重启后进不去
  • win7复制文件到system32没有权限
  • Win10 Mobile/WP8.1优秀专业摄影应用OneShot本周再次更新:修复Bug和优化性能
  • linux系统chmod用法
  • win8安装itunes
  • win10安装软件点击没反应
  • 高德地图自动跳出来
  • cocos2d教程
  • require jquery
  • jquerycdn
  • Unity的WWW类的用法整理
  • 基于android的简单程序
  • python如何用
  • 【Android】利用Notification操作设备的通知栏
  • ajax与java使用实例
  • activity启动原理
  • jquery.js插件
  • jq 判断元素是否存在
  • python编码有哪些规范
  • jquery easyui datagrid实现增加,修改,删除方法总结
  • 国家税务局内蒙古税务
  • 河北地税代收工作怎么样
  • 北京医保网上服务大厅
  • 合伙企业取得的专利权属于合伙企业财产吗
  • 长春市税务局领导
  • 办图书馆怎么审批
  • 烟叶税进项抵扣
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设