webpack 的安裝與使用

這里使用webpack4.41.2 為例

一、安裝webpack

1、本地安裝，安裝最新版本或特定版本

npm install --save-dev webpack
npm install --save-dev webpack@<version>

如果你使用 webpack 4+ 版本，你還需要安裝 CLI

npm install --save-dev webpack-cli

2、全局安裝

npm install --global webpack webpack-cli

或 npm install -g webpack webpack-cli

二、使用webpack 打包

1、方法一，命令行打包方式

//開發模式打包，打包好的文件不會被壓縮
webpack --mode development  demo.js   bundle.js
//最新版的webpack 需要加參數- o，來指定輸出的文件
webpack --mode development  demo.js  -o  bundle.js

2、使用webpack的配置文件來打包

webpack -config webpack.conf.js (指定webpack的配置文件)

配置文件如下webpack.conf.js：

const path = require('path');

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