webpack.config配置打包入口出口文件

代码延用我上一篇webpack文章的
https://blog.csdn.net/weixin_45966674/article/details/122666831?spm=1001.2014.3001.5501
我们完成了基本的项目打包配置
但如果我们想改变打包的文件路径和打包出来的文件和文件名呢？

我们在项目根目录中构建一个webpack.config.js
webpack.config.js参考代码如下

//通过node获取到当前文件的位置
const path = require('path')
module.exports = {
    //设置当前入口文件
    entry: './src/index.js',
    //出口配置
    output: {
      //打包的文件名
      filename: 'bundle.js',
      //生成的文件位置
      path: path.resolve(__dirname, './distribution')
    },
    mode: 'none'
}

你可以根据注释 把你需要改的地方按理解改了
这里的意思是 我们要打包的文件是 根目录下的src下的index.js
打包出来的文件 生成在当前目录 生成一个distribution文件夹 里面的打包文件叫bundle.js
然后我们执行

npm run build

也是成功按我们的配置信息打包出来了