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' //出口文件的名字 代码打包进这里
    }
}
相关推荐
慕斯策划一场流浪26 分钟前
fastGPT—前端开发获取api密钥调用机器人对话接口(HTML实现)
前端·html·fastgpt·fastgpt创建工作流·fastgpt创建密钥调用接口
碧海饮冰29 分钟前
前端:v-html和v-text在使用上的区别
前端·javascript·html
好_快35 分钟前
Lodash源码阅读-cloneBuffer
前端·javascript·源码阅读
好_快38 分钟前
Lodash源码阅读-initCloneArray
前端·javascript·源码阅读
好_快40 分钟前
Lodash源码阅读-get
前端·javascript·源码阅读
好_快41 分钟前
Lodash源码阅读-stringToPath
前端·javascript·源码阅读
好_快43 分钟前
Lodash源码阅读-baseGet
前端·javascript·源码阅读
我是小路路呀2 小时前
vue开始时间小于结束时间,时间格式:年月日时分
前端·javascript·vue.js
虾球xz2 小时前
游戏引擎学习第201天
前端·学习·游戏引擎
我自纵横20232 小时前
JavaScript 中常见的鼠标事件及应用
前端·javascript·css·html·计算机外设·ecmascript