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"
},