vue|前端学习笔记 webpack及命令文件结构 webpack|vue.js|前端

Webpack安装命令

npm install --save-dev webpack

【vue|前端学习笔记 webpack及命令文件结构】Vue.js安装

npm install vue vue-cli -g

-g 表示这个包安装后可以被全局使用
创建一个基于webpack模板的新项目

npm init webpack my_project

在本地以默认端口运行

npm run dev

Webpack下的 Vue.js 项目文件结构

文章图片

build

文章图片

config

文章图片

node_modules
node项目所用到的第三方包特别多，也很大，所有在package.json中定义的第三方包都会被自动下载，保存在该文件夹下

文章图片

src

文章图片

vue|前端学习笔记 webpack及命令文件结构