vue 安装webpack
时间: 2023-06-21 21:13:21 浏览: 110
在 Vue.js 项目中,通常使用 vue-cli 工具来创建项目。vue-cli 工具会自动集成 webpack 构建工具,因此不需要手动安装 webpack。
如果你需要手动安装 webpack,可以按照以下步骤进行:
1. 安装 Node.js 和 npm。
2. 创建一个新的目录,并在其中初始化 npm:
```
mkdir my-project
cd my-project
npm init -y
```
3. 安装 webpack 和 webpack-cli:
```
npm install webpack webpack-cli --save-dev
```
4. 创建一个 webpack 配置文件 webpack.config.js:
```
const path = require('path');
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
}
};
```
5. 在 package.json 中添加一个脚本命令,在命令行中运行 webpack:
```
"scripts": {
"build": "webpack"
}
```
现在可以使用以下命令运行 webpack:
```
npm run build
```
webpack 将会读取 webpack.config.js 中的配置,并将 src/main.js 打包成 dist/bundle.js。
阅读全文