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' //出口文件的名字 代码打包进这里
    }
}

webpack打包_第1张图片

你可能感兴趣的:(#,webpack,webpack,前端,node.js)