webpack打包 修改dist文件夹名字（还有一些打包的基础知识记录哈~）

demo仅供记录webpack打包的一些基础知识点~

webpack.config.js 默认webpack打包配置文件（文件名字也可以修改的）

const path = require('path')
module.exports = {
    entry: './index.js',//从index.js文件开始打包
    output: {
        filename: 'bundle.js', //打包后文件名字
        path: path.resolve(__dirname, 'bundle') //（打包后文件放在哪个文件夹下），文件夹名字为bundle
    }
}

配置完成后，运行：npx webpack 命令打包，生成 bundle文件夹以及bundle.js文件

2，也可以在 package. json 文件中配置打包命令

运行： npm run bund 即可打包

tips：

 mode: 'production',//默认打包模式（代码会被压缩）
 mode: 'development',//代码不会被压缩
 （打包后可在bundle.js文件中查看代码是否被压缩）