webpack简单配置

创建webpack.config.js

'use strict'
const path = require('path');

module.exports = {
    entry:'./src/index.js',
    output:{
        path:path.join(__dirname,'dist'),
        filename:'bundle.js'
    },
    mode:'production'
}

目录结构

image.png

运行webpack

方法一：

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

方法二：package.json

npm run build 
//添加一行命令
"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build":"webpack" 
  }

打包结果

image.png