基于webpack搭建项目总结

前期准备

• node.js安装自带npm
  安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如果出现相应的版本号，则说明安装成功。

• 淘宝镜像安装cnpm
  打开命令行工具，把这个（npm install -g cnpm --registry= https://registry.npm.taobao.org）复制（这里要手动复制就是用鼠标右键那个，具体为啥不多解释），安装这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v，如果出现相应的版本号，则说明安装成功。

• 以上准备工作完成(一般安装一次之后之后不需要再安装但需升级)

项目搭建

• 安装webpack
  安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如果出现相应的版本号，则说明安装成功。
  npm install webpack-cli -g 安装webpack脚手架
  webpack详细理解可看https://www.jianshu.com/p/796729071e5d

• 安装对应框架的脚手架(vue举例)
  安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。

• 初始化 init
  创建空白文件夹在文件夹里调出命令窗口，输入npm init 初始化(一直按enter)

• 安装依赖 npm i
  安装默认依赖

• 配置依赖
  根据项目所需依赖进行配置

• 启动项目
  npm run dev(serve)

• 项目完成后打包
  npm run build
  部署可看https://www.jianshu.com/p/72c17a177688