Webpack 必备

一、安装 package

• webpack、webpack-cli 是核心，必须安装
• webpack-dev-server 可以实现热更新

  yarn add -D webpack webpack-cli webpack-dev-server

二、配置 webpack.config.js

• entry 配置入口
• output 配置出口
• mode 配置模式
• module.rules 配置 loader
• plugins 配置插件

const path = require('path')
module.exports = {
  entry: {
    index: './src/index.js',
  },
  output:{
    path: path.join(__dirname, 'dist'),
    filename: '[name]_[chunkhash:8].js'
  },
  mode: 'production',
  module: {
    rules: []
  },
  plugins: []
}

三、配置 package.json 脚本

{
  "scripts": {
    "build": "webpack"
  }
}

「@浪里淘沙的小法师」