webpack 基础 - 01 （安装、打包命令、配置文件）

1、安装webpack

   - 全局安装：

         npm  install  webpack  webpack-cli  --global

        简写：npm  i  webpack webpack-cli  -g

        全局安装后，可以在任意位置直接使用webpack命令

   - 当前项目安装：

       npm  install  webpack  webpack-cli  --save-dev  

       简写：npm  i  webpack  webpack-cli  -D

       在当前项目下安装后，结合着npx使用webpack

   --global / -g     全局安装

   --save-dev / -D  作为开发依赖安装，只是在开发的过程中使用，后期作为产品上线不需要了

   --save / -S   作为运行依赖安装，在开发中用到，在后期作为产品还会需要

2、打包命令

      npx  webpack    自动到node_modules目录中的.bin目录下寻找webpack

      webpack    如果已经全局安装了webpack，可以直接运行

3、配置文件

    不一定要有，没有一样可以执行打包

    webpack.config.js

//引入path模块
const path = require("path");

module.exports = {
  //入口文件
  entry: "./src/index.js",

  //输出
  output: {
    path: path.resolve(__dirname, "dist"), //输出的目录，必须使用绝对路径，相当于__dirname+'/dist'
    filename: "bundle.js",
  },

  //加载器：默认只能处理js和json文件，其他文件都需要使用相应的加载器
  module: {
    
  },

  //插件：扩展了webpack的功能
  plugins: [
    
  ],
  //模式：开发模式（development）和产品模式（production）
  mode: "development",
};