1.新建一个文件夹
2.在文件夹下安装webpack及webpack-cli npm i -D webpack webpack-cli
3.初始化项目 npm init
4.在所创的项目跟目录下创建文件夹webpack.config.js,当然也可以在其他目录下创建此文件，此文件用于写webpack的相关配置项。
5.在根目录下新建文件夹src/main.js、src/App.vue
6.在根目录下新建文件夹public/index.html
index.html文件内容如下：注意id
public/index.html
7.开始在webpack中写配置文件，具体如下
8.在webpack.config.js中出现的一些插件都是需要下载的，需要下载的插件如下图所示：
webpack配置需要下载的插件
9.在pageage.json文件中修改script命令，修改如下：
script命令修改
10.执行npm run dev 就可以启动项目
11.执行npm run build 就会将项目打包近dist目录中
补充：
App.vue的内容如下：
App.vue
main.js内容如下：
main.js
各个文件之间的依赖关系：
public/index.html（主文件）=>src/main.js（打包入口文件）=>App.vue
网友评论