webpack相关整理

Posted 2021-09-13 哇塞

package.json

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

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

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

   "scripts": {
    "start": "一条完整的命令",
   
   }

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

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...