webpack打包

webpack打包

• • 1、webpack再次打包
  • 2、webpack的入口和出口

1、webpack再次打包

背景：代码增加之后，如何打包呢？

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

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

2、webpack的入口和出口

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

2、填入配置

3、修改入口文件名

4、打包观察效果

webpack.config.js 文件代码

const path = require('path')

module.exports = {
    entry:'./src/main.js', //入口
    output:{
        path:path.resolve(__dirname,'dist'),// 出口路径文件夹的名字
        filename:'bundle.js' //出口文件的名字 代码打包进这里
    }
}