一个最简单的例子

    1. 'use strict';
    3. const path = require('path');
    5. module.exports = {
    6.     entry: './src/index.js',
    7.     output: {
    8.         path: path.join(__dirname,'dist'),
    9.         filename: 'bundle.js'
    10.     },
    11.     mode: 'production'
    12. }

    写好代码之后，进入webpack目录，回车，直接运行
    image.png
    此时已经打包完毕
    在dist目录下生成bundle.js
    再手动创建一个index.html，并且引入刚刚生成的bundle.js
    打开浏览器查看效果

    进一步
    如何进行便捷的webpack打包

    通过npm script 运行webpack

    在webpack.json中的script添加”build”:”webpack”

    通过这段代码，可以用npm run build运行构建

    运行：
    rm -rf dist 删除上次创建的dist
    运行npm run build
    效果和之前一致

    原理： 模块局部安装会在node_module/.bin
    目录创建软链接