当前位置: 首页 > news >正文

webpack该如何打包

1.我们先创建一个空的大文件夹

2.打开该文件夹的终端 输入npm init -y

2.1.打开该文件夹的终端

2.2在该终端运行 npm init -y

3.安装webpack

3.1打开webpack网址 点击“中文文档”

3.2点击“指南”在点击“起步”

3.3复制基本安装图片画线的代码

4.在一开始的文件夹下在创建一个名为src的文件夹

5.然后再在src内创建一个名为index.js的文件

6.打开名为packge.json的文件修改名叫scripts内属性名后的所有内容,修改为webpack

7. 然后在终端内执行npm run scripts内的属性名(该属性名可以修改)

8.如果修改了src内 index.js的名字就不会打包成功

9.如果想打包成功那就需要在一开始的文件夹下创建一个名为webpack.config.js文件(简化打包命令)

10.在文件内书写以下内容

//导出一个配置对象
//path是nodejs内置模块 帮助处理路径、
const path = require('path')
module.exports = {//入口 ————dirname当前模块的绝对路径entry:path.resolve(__dirname,'src/index.js'),//此的地址为src内自己定义的文件名//出口output:{//目录path:path.resolve(__dirname, 'dist'),//文件名filename:'index.js',//此地址为src内自己定义的文件//清空dist 输出最新的内容clean:true,},
}

11.在一次执行 npm run scripts内的属性名(该属性名可修改)

http://www.lryc.cn/news/255243.html

相关文章:

  • 【STM32】TIM定时器输入捕获
  • webrtc 设置不获取鼠标 启用回声消除
  • JVM虚拟机:如何查看JVM初始和最终的参数?
  • JVM Optimization Learning(五)
  • Java项目学生管理系统一前后端环境搭建
  • LeetCode:169.多数元素(哈希表)
  • Linux指令学习
  • vue2+datav可视化数据大屏(1)
  • Linux 多进程并发设计-进程对核的亲缘设置
  • Javascript 函数介绍
  • php 粉丝关注功能实现
  • 深入浅出理解kafka ---- 万字总结
  • 一对一聊天
  • IDEA版SSM入门到实战(Maven+MyBatis+Spring+SpringMVC) -Mybatis查询中返回值四种情况
  • 华为云安全组规则
  • MySQL之binlog文件过多处理方法
  • 力扣面试150题 | 88.合并两个有序数组
  • Spring Cache快速入门教程及案例
  • pycharm中debug,py文件
  • 虚拟化之指令的Trap和仿真
  • Python函数默认参数设置
  • js moment计算当前时间到24:00:00的剩余时间
  • 【UE5】瞬移+马赛克过渡效果
  • 【Skynet 入门实战练习】分布式 ID | 雪花算法 | 缓存设计 | LRU算法 | 数据库
  • ArcGIS Pro中怎么设置标注换行
  • MAX26——快速人物毛发插片工具 Hair cards tool
  • 一天一个设计模式---原型模式
  • <习题集><LeetCode><链表><2/19/21/23/24>
  • C++实现DFS、BFS、Kruskal算法和Prim算法、拓扑排序、Dijkstra算法
  • Spring 依赖注入的三种方式优缺点