初始化一个node项目

1
npm init -y

安装webpack

1
npm install webpack webpack-cli --save-dev

创建webpack.config.js

在根目录创建一个webpack.config.js文件
基本配置

1
2
3
4
5
6
7
8
9
const path = require('path');

module.exports = {
  entry: './src/index.js', // 入口文件
  output: {
    path: path.resolve(__dirname, 'dist'), // 输出目录
    filename: 'bundle.js' // 输出文件名
  }
};

创建src文件夹

创建src文件夹并新建入口文件index.js

编译和打包项目。

在命令行中运行以下命令，使用Webpack编译和构建你的项目：

1
npx webpack

直接运行

1
npx webpack serve