实操
步骤
1、
npm i html-webpack-plugin vue-loader vue-style-loader vue-template-compiler webpack@4.44.2 webpack-cli@3.3.12 webpack-dev-server -D
npm i vue
一、写webpack配置
创建空文件夹安装包
配置文件(在根目录下创建名为webpack.config.js)
创建模板文件,在根目录下创建public下index.html
作用
创建入口文件:根目录下创建src/main.js
创建vue的组件,在src下创建app.vue它的后缀名为.vue,需要在vscode中安装插件才能显示出效果
补充dev命令
"dev": "webpack-dev-server "
启动项目
运行npm run dev
验收成果
新建