webpack的配置文件

webpack.config.js

const path = require('path'); //引入node核心模块

module.exports = {
    entry: './src/index.js',//从那一个文件开始打包
    output: { //打包好的文件,放置信息如下
        path: path.resolve(__dirname, 'dist'),
        //dirname 表示当前路径,dist 是文件夹
        filename: 'bundle.js'
    }
}

当运行npx webpack时

先找webpack.config.js配置文件，才知道怎么打包

让webpack以某一个文件做为配置文件的命令

npx webpack --config 某一文件.js

简化打包代码

在 package.json中添加这样的语句

就可以直接运行 npm run bundle 而不用运行 npx webpack

这样的运行先运行项目目录下的webpack

webpack-cli

如果没有webpack-cli那么就不能在命令行里运行webapck 或者npx webpack指令