Vue教程67--Vue-cli项目目录结构详解(一)Vue-cli项目目录结构详解(一) webpack的配置和项目启

Vue-cli项目目录结构详解(一)

webpack的配置和项目启动

项目的读取顺序：

package.json

 # 代表含义：支持的浏览器是市场份额在1%以上，最新的两个版本，不支持ie8
 "browserslist": [
     "> 1%",
     "last 2 versions",
     "not ie <= 8"
 ]

 # 启动的方式 npm run dev/start   npm run build
 "scripts": {
     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
     "start": "npm run dev",
     "build": "node build/build.js"
 }

node的作用：
- 以前我们的js代码是要运行在浏览器中，node就是模拟浏览器的环境运行js代码
- 是为我们的代码提供了一个运行环境；
- 使用C++进行开发，V8引擎
  - V8引擎的作用：普通的js代码先要转化成字节码再到浏览器中进行运行；V8引擎直接将js代码变成了二进制代码，效率更高，速度更快
- 上面的build的配置项：node build/build.js 实际上就是在执行js的代码进行build操作