使用vue cli 怎么配置webpack

1. 安装 vue-cli

首先，我们需要安装 vue-cli，它是一个基于 webpack 的脚手架工具，可以快速创建一个基于 Vue.js 的项目。在命令行中输入以下命令进行安装：

npm install -g vue-cli

2. 创建一个项目

在命令行中输入以下命令创建一个新的项目：

vue init webpack myproject

这个命令会创建一个基于 webpack 的项目，其中包含了 Vue.js 的基本配置和文件结构。

3. 安装依赖

进入项目目录，使用以下命令安装项目所需的依赖：

cd myproject
npm install

4. 配置 webpack

webpack 的配置文件是 `webpack.config.js`，它位于项目根目录下。我们可以在这个文件中进行 webpack 的配置。

例如，我们可以在 `webpack.config.js` 中添加以下代码来配置 webpack 的入口和输出：

module.exports = {
  entry: './src/main.js',
  output: {
    path: __dirname + '/dist',
    filename: 'bundle.js'
  }
};

这个配置指定了 webpack 的入口为 `src/main.js`，输出文件为 `dist/bundle.js`。

5. 运行项目

在命令行中输入以下命令来启动项目：

npm run dev

这个命令会启动一个开发服务器，并在浏览器中打开项目的首页。

至此，我们已经成功地使用 vue-cli 配置了 webpack。你可以进一步探索 webpack 的配置，以满足你的项目需求。