vue-cli的webpack使用说明

一、vue-cli安装使用说明

1.全局安装

$ cnpm install -g vue-cli

2.查看用法

$ vue

3.列出可以用的模板

$ vue list

4.下载安装webpack模板

$ vue init webpack 项目名（sell）

?Project name 项目名称（默认回车）
?Project description 项目说明（sell app）
?Author....  按回车
?Install vue-router?  输入Y
?Use ESLint to lint your code?  输入Y
?Pick on EsLint preset Stqandard 按回车
?Setup ....  输入n
?.......     输入n

5.运行生成的文件

$ cd sell 进入到刚刚创建的项目里

$ cnpm install 安装依赖包

$ npm run dev 运行（浏览器输入localhost:8080）

二、项目中的文件说明

1.build和config文件夹

• webpack 配置相关的文件

2.src文件夹

• 存放项目源码

3.static文件夹

• 存放第三方静态资源

三、webpack打包

1.package.json

• "scripts"里面查看对应运行文件

    npm run dev 运行的是"dev"对应的