前端开发基础知识-常用工具

1. package.json是什么

就像java里面的maven包管理工具的pom.xml和gem的gemfile，package.json是node.js的包管理工具npm的配置文件

常用举例：

使用npm install [<@scope>/]@安装特定依赖包

使用npm install 安装 package.json文件中指定的全部依赖包

更多用法请见官方文档

2. webpack是什么

随着web应用越来越复杂

webpack应运而生

webpack是一个可以将复杂程序进行打包发布的软件

打包的好处是可以对应用程序进行压缩大小等处理，提高性能

webpack继承了很多开发中的常用功能比如开发服务器，比如集成了babel¹

与npm的互动

webpack是webpack自带的一条打包命令，是最基本的打包命令。 npm run webpack，则是在package.json文件中有一个script配置项，在这个script里面自定义的一条命令，它通过npm来运行。例如：

"scripts": {
   "start": "webpack",
   "server": "webpack-dev-server --open",
   "build": "set NODE_ENV=production && webpack --config ./webpack.production.config.js --progress"
},

当脚本名为“start”时，可以省略“run”，直接为：

npm start

作者：差很多先生CL 链接：https://www.jianshu.com/p/7642746b021a

扩展阅读：

1. npm-install：https://docs.npmjs.com/cli/v7/commands/npm-install
2. webpack npm start和npm run server：https://www.jianshu.com/p/7642746b021a
3. 一口（很长的）气了解 babel：https://zhuanlan.zhihu.com/p/43249121
4. Node.js 中的依赖管理：https://zhuanlan.zhihu.com/p/56002037
5. package.json 文件详解：https://blog.csdn.net/weixin_44135121/article/details/91674772

如有侵权联系删除