webpack 安装

webpack

webpack是什么？

其实就是一个模块打包器（工具）

前提条件

在开始前，先要确认你已经安装 Node.js 的最新版本。使用 Node.js 最新的 LTS 版本，是理想的起步。使用旧版本，你可能遇到各种问题，因为它们可能缺少 webpack 功能或缺少相关 package 包。

一、本地安装

npm install webpack webpack-cli --save-dev
npm install webpack@<version> --save-dev     //安装指定版本

npx webpack index.js //采用这种方式进行执行

二、全局安装

注意:不推荐全局安装 webpack。这会锁定 webpack 到指定版本，并且在使用不同的 webpack 版本的项目中可能会导致构建失败。

npm install webpack webpack-cli -g
webpack index.js   //采用这种方式进行执行

三、体验最新版本

如果你热衷于使用最新版本的 webpack（注意了，这可是不稳定的版本），你可以直接从 webpack 的仓库中安装：

npm install webpack/webpack#<tagname/branchname>

四、还有一种执行webpack的方法:npm run webpack

就是编写webpack.confog.js

const path = require('path');

module.exports = {
  entry: './path/to/my/entry/file.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  }
};

在package.json里面进行编辑

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