关于web:webpack相关整理

package.json

我的项目的根目录上面个别都会有一个 package.json 文件，定义了这个我的项目所须要的各种模块，以及我的项目的配置信息。

# 一个最简略的 package.json（定义了项目名称和我的项目版本）{
  "name" : "xxx",
  "version" : "0.0.0",
}

1. scripts 字段，指定了运行脚本命令的 npm 命令的缩写
   比方 npm run start 将会执行接下来的操作

   "scripts": {"start": "一条残缺的命令",}

2. dependencies 字段和 devDependencies
   dependencies字段指明了我的项目运行所依赖的木块，devDependencie s 字段指定了我的项目开发所须要的模块。两者都指向一个对象，这个对象的各个成员，别离由模块名和对应的版本要求组成。

p.s. package.json 能够手工书写，也能够 npm init 命令主动生成。

摘抄博主的文档：https://javascript.ruanyifeng…

Q1:–save-dev 和 –save 的区别？
S1: 前者装置到生产环境所需的模块 devDependencies，后者会装置到运行环境所须要的模块 dependencies。

Babel

p.s. Babel 是一个转码器，能够将 ES6 代码转换为 ES5 代码，以反对现有环境的运行。

1. 配置文件.babelrc

这个文件用来设置转码规定和插件。

# 根本格局
{"presets": [],
  "plugins": []}

在 Vue-Cli4 生成的我的项目中，这个配置文件叫做 babel.config.js

2. 命令行转码 babel-cli

$ npm install –global babel-cli

相干文档：（阮一峰老师的集体博客）http://www.ruanyifeng.com/blo…