2、简单的webpack.config.js

当我们使用webpack命令时候。至少要传递2个参数：入口js、目标js。在实际项目中，还有其他的复杂参数。

1、创建配置文件。

实际项目中把参数做配置，在项目的package.json同级目录下创建 webpack.config.js作为配置文件。简单webpack.config.js内容如下：

const path = require('path');//node内置的模块，用来设置路径

// 因为我们整个js文件被node封装在一份方法中运行。__dirname是node调用方法时传递进来的，表示当前目录。
module.exports = {
    entry: './src/js/app.js',//entry 配置当前项目的入口文件
    output: {                //output 配置输出
        filename: 'bundle_app.js', //输出的文件名
        path: path.resolve(__dirname, 'dist/js') //输出的路径 resolve拼接一个目录，
    }
};

上面只配置了2个属性。入口文件、输出目标的路径和文件名。

2、运行打包命令。

直接运行webpack打包命令。

I:\webStormProjects\webpack\learn01>webpack

结果如下：生成了目标文件bundle_app.js