common.js 是 Webpack 中一个用于处理项目全局依赖的模块。它可以用于配置 Webpack 编译器的行为，例如处理 HTML、CSS 和 JavaScript 文件。

要在各种环境下运行 common.js，可以按照以下步骤操作：

1. 安装依赖项：

首先，确保已安装了以下依赖项：

• webpack：这是 Webpack 的核心框架，用于打包代码。
• babel：用于将 JavaScript 文件转换为 Webpack 可执行文件格式。
• webpack-cli：用于管理Webpack 编译和打包过程。

使用以下命令安装：

npm install webpack webpack-cli babel-loader --save-dev

1. 创建一个 webpack.config.js 文件：

在项目的根目录下创建一个名为 webpack.config.js 的文件。在该文件中，可以定义Webpack 的配置项，如编译器设置、输出文件格式、插件配置等。

示例配置文件：

module.exports = { // 设置编译器配置 module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'], plugins: ['@babel/plugin-proposal-class-properties'] } } } ] }, // 设置输出文件格式 output: { filename: '[name].js', path: path.resolve(__dirname, 'dist') }, // 设置插件配置 plugins: [ // 使用 ExtractTextPlugin 处理 CSS 文件 new ExtractTextPlugin({ filename: 'styles.css', use: { loader: 'css-loader', options: { minimize: true } } }) ] };

1. 在项目中运行 webpack：

使用以下命令运行Webpack 以处理 common.js：

webpack

你可以根据需要调整 webpack.config.js 中的配置项。运行 webpack 后，common.js 将被用于编译和打包项目的全局依赖。