webpack打包

webpack打包

1、webpack再次打包

背景:代码增加之后,如何打包呢?

1、确保在src/index.js引用和使用

2、重新执行yarn build打包命令

2、webpack的入口和出口

1、新建webpack.config.js配置文件

2、填入配置

3、修改入口文件名

4、打包观察效果

webpack.config.js 文件代码

bash 复制代码
const path = require('path')

module.exports = {
    entry:'./src/main.js', //入口
    output:{
        path:path.resolve(__dirname,'dist'),// 出口路径文件夹的名字
        filename:'bundle.js' //出口文件的名字 代码打包进这里
    }
}
相关推荐
海底火旺10 分钟前
JavaScript中的Object方法完全指南:从基础到高级应用
前端·javascript·面试
海底火旺11 分钟前
JavaScript中的Symbol:解锁对象属性的新维度
前端·javascript·面试
天天扭码11 分钟前
一文吃透 ES6新特性——解构语法
前端·javascript·面试
Kagerou12 分钟前
组件测试
前端
JustHappy15 分钟前
啥是Hooks?为啥要用Hooks?Hooks该怎么用?像是Vue中的什么?React Hooks的使用姿势(上)
前端·vue.js·react.js
张可29 分钟前
历时两年半开发,Fread 项目现在决定开源,基于 Kotlin Multiplatform 和 Compose Multiplatform 实现
android·前端·kotlin
嘻嘻嘻嘻嘻嘻ys1 小时前
《Spring Boot 3 + GraalVM原生镜像实战:云原生时代的毫秒启动与性能调优》
前端·后端
嘻嘻嘻嘻嘻嘻ys1 小时前
《Spring Boot 3.0×GraalVM:云原生时代的毫秒级启动实战革命》
前端·后端
嘻嘻嘻嘻嘻嘻ys1 小时前
《Vue 3.4响应式内核优化与WebAssembly性能突破实战指南》
前端·后端
嘻嘻嘻嘻嘻嘻ys1 小时前
《Spring Boot 3百万并发实战:基于JDK21虚拟线程的性能革新》
前端·后端