安装 webpack / 简单使用

安装

  • cnpm install webpack webpack-cli -g
    • webpack:webpack的核心模块
    • webpack-cli:来执行webpack相关的命令行
    • -g 对其进行全局安装(就是安装到你电脑上的,在哪输入这段代码我所谓)
    • 最简单直接的方法
      安装 webpack / 简单使用
      安装完成:(会出现新的命令行,如果没有出现,可能是它卡了,我按了一下 ctrl +c 居然又继续安装了)
      安装 webpack / 简单使用
      检测安装环境 webpack -v
      安装 webpack / 简单使用

简单使用

直接在你需要打包的目录下使用即可
安装 webpack / 简单使用
结果:可以看到多了一个 dist 文件夹(生产环境)
安装 webpack / 简单使用
打开可以看到有一个 main.js 文件,其内容如下:
安装 webpack / 简单使用
安装 webpack / 简单使用