Webpack4 创建项目以及打包一个JS文件，双非渣本前端四年磨一剑

以下是创建一个简单的Webpack 4项目并打包一个JavaScript文件的步骤：

1. 初始化一个新的npm项目：

mkdir webpack4-project
cd webpack4-project
npm init -y

2. 安装Webpack和webpack-cli（用于在命令行中运行Webpack）：

npm install --save-dev webpack webpack-cli

3. 创建一个简单的JavaScript文件（例如src/index.js）：

// src/index.js
function hello() {
  console.log('Hello, Webpack!');
}
hello();

4. 创建一个Webpack配置文件（webpack.config.js）：

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

5. 在package.json中添加一个脚本来运行Webpack：

"scripts": {
  "build": "webpack --mode production"
}

6. 打包你的JavaScript文件：

npm run build

这将会创建一个dist/bundle.js文件，这就是Webpack为你的应用程序打包生成的JavaScript文件。