Webpack-Vue：使用Webpack搭建Vue项目
使用Webpack搭建Vue项目
1. 创建一个空项目并初始化 npm init -y
2. 下载Webpack和Webpack CLI，尽管目前可以使用Webpack5，但建议仍使用Webpack4。npm i webpack@4.44.2 webpack-cli@3.3.11 --save-dev
3. 配置Webpack
1. 在根目录下创建config文件夹，分别创建webpack.base.config.js,webpack.dev.config.js,webpack.prod.config.js。其中webpack.base.config.js是公共配置，webpack.dev.config.js为开发环境配置，webpack.prod.config.js为生产环境配置。
2. 接下来配置package.json的命令语句："scripts": { "dev": "webpack --mode development" }
1. 创建一个空项目并初始化 npm init -y
2. 下载Webpack和Webpack CLI，尽管目前可以使用Webpack5，但建议仍使用Webpack4。npm i webpack@4.44.2 webpack-cli@3.3.11 --save-dev
3. 配置Webpack
1. 在根目录下创建config文件夹，分别创建webpack.base.config.js,webpack.dev.config.js,webpack.prod.config.js。其中webpack.base.config.js是公共配置，webpack.dev.config.js为开发环境配置，webpack.prod.config.js为生产环境配置。
2. 接下来配置package.json的命令语句："scripts": { "dev": "webpack --mode development" }
文件大小：86.3KB
评论区