webpack-002 package.json文件

最新推荐文章于 2023-02-06 14:20:35 发布
最新推荐文章于 2023-02-06 14:20:35 发布
阅读量77 收藏
点赞数
分类专栏： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39383675/article/details/117217921
版权

 

package.json文件是NPM的配置文件

Npm init    创建配置文件

Npm init yes    快速创建

Package.json文件详解

Name    包名

Version    包的版本号

Description    包的描述

Homepage    包的官网url

Author    包的作者名字

Contributors    包的其他贡献值名字

Dependencies    依赖包列表,如果依赖包没有安装,npm会自动将依赖包安装在node_module目录下

Repository    包代码存放的地方的类型可以是git或svn,git可在GitHub上

Main    main字段指定了程序的主入口文件,require(‘moduleName’)就会加载这个文件,这个字段的默认值是模块根目录下面的index.js

keywords    关键字

 

moduleName: “3.3.3”    固定版本为3.3.3

moduleName: “^3.3.3”    ^固定版本范围为3.*.*的

moduleName: “~3.3.3”    ~固定版本范围为3.3.*的

虬川候
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack学习与总结（二）——webpack.config.js/package.json的配置/loader
l118
04-25 406
概述 前面认识了webpack的基本使用过程，但是总觉得之前那种方法确实麻烦，我们每次进行项目打包是都必须输入文件的路径，显得非常的冗余和繁琐。那我们就必须考虑一种简单的方式：配置webpack.config.js文件 入口和出口的配置过程 在根目录下新建一个.js文件，文件命名为：webpack.config.js[此文件名称固定，不能随意更改] 在新建好的.js文件中输入下列代码： con...
webpack.config.js配置和package.json配置
Rodstrupe的博客
08-31 276
webpack.config.js配置和package.json配置 新建文件：新建html文件，如index.html dist：用于存放打包之后的文件，如bundle.js src：用于存放源文件，如main.js webpack.config.js（名字固定）：入口——./src/main.js，出口——需要动态获取绝对路径，依赖node语法中的path包，接下来安装包 初始化：npm init 执行初始化后，生成package.json，如果package.json再依赖Node
webpack中的package.json文件
nicecode
08-04 758
{ "name": "webpack_code", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "devDependencies": { "@babel/core":
webpack学习系列(一)：package.json相关
xiashiqi_blog的博客
03-18 655
一、package.json属性说明 name - 包名. version - 包的版本号。 description - 包的描述。 homepage - 包的官网URL。 author - 包的作者，它的值是你在https://npmjs.org网站的有效账户名，遵循“账户名<邮件>”的规则，例如：zhangsan <zhangsan@1...
webpack基础1——package.json文件内容
weixin_44867717的博客
02-23 313
webpack基础——package.json文件内容 { "name": "webpack-demo-79", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exi...
vue2 + webpack5相适配的 能成功打包的 package.json 文件
08-25
vue2 项目 + webpack 打包工具，是一个非常经典的组合，但是在...小记：这只是配置的 package.json 文件，更有配置好的 webpack.config.js 文件，以及整个完整的 vue2+webpack5 整个的项目，因为上传的规定可以找我来拿
npm-auto-install-webpack-plugin:在Webpack编译步骤之前自动在package.json中安装缺少的依赖项
05-17
在Webpack编译步骤之前自动在package.json中安装缺少的依赖项 安装 npm i --save npm-auto-install-webpack-plugin 用法 webpack.config.babel.js import NpmAutoInstallWebpackPlugin from "npm-auto-install-...
webpack-nodesecurity-plugin：使用Webpack在package.json文件上运行节点安全性检查
02-03
在pack.json，package-lock.json或npm-shrinkwrap.json上运行Node Security Platform审核的Webpack插件。 注意：Webpack插件是软件包的包装。 安装 npm install --save-dev webpack-nodesecurity-plugin 用法 在您...
详解vue-cli 脚手架项目-package.json
12-08
package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 "version": "1.0.0", // 版本 "description": ...
vue2 + webpack4相适配的 能成功打包的 package.json 文件
08-25
vue2 项目 + webpack 打包工具，是一个非常经典的组合，但是在...小记：这只是配置的 package.json 文件，更有配置好的 webpack.config.js 文件，以及整个完整的 vue2+webpack4 整个的项目，因为上传的规定可以找我来拿
详解 package.json文件
油墨香^-^的博客
02-06 2051
今天来看看前端的大管家package.json文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。在每个前端项目中，都有package.json文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。package.json文件是一个JSON对象，该对象的每一个成员就是当前项目的一项设置。package.json作为前端的大管家，到底有哪些配置和我们的日常开发密切相关？下面就来仔细剖析一下这个文件。
vue 初始化包管理配置文件package.json，安装配置webpack，插件的使用
yc_1314的博客
10-01 2301
初始化包管理器 新建空白项目目录，点击进去，运行 npm init -y 命令， 就初始化了package.json。 在新建的空白目录里建一个src目录，主要存放源代码。 在src中新建index.html首页和index.js脚本文件。 安装配置webpack 命令 npm install webpack@版本号 webpack-cli@版本号 -D -D表示这个包在开发阶段使用。 在项目根目录下创建一个webpack.config.js的文件。 在webpack.config.js下初始
package.json配置详解
热门推荐
pipidog008的博客
02-03 1万+
npm是随同Node.js一起安装的包管理工具,能解决Node.jsNPMNPMNPM在现在的前端世界里,几乎已经离不开npm了,其提供的依赖安装、卸载、升级、发布等一条龙服务,使我们在日常的开发效率提升了不少。npm制定了一个包规范,所谓规范就是一些格式和约定,比如作为一个npm包中根目录必须包含一个文件,并约定从文件里读取这个包的所有信息,包括它的名字、版本号、它依赖于哪些别的包等;并且创建一个目录专门用来存放第三方依赖,Node为此提供的支持是内置的require()
Webpack配置详解（package.json/webpack.config.js详细配置 ）
SeaSunExpect的博客
10-27 1万+
Webpack配置详解（package.json/webpack.config.js详细配置 ） webpack安装 package.json配置以及模块安装 webpack.config.js配置 开启webpack-dev-server服务 热替换插件的安装以及配置 开启自动打开浏览器插件的安装以及配置 加载器的安装以及配置 完整package.json/webpack.config.js文件
webpack和package.json常用到总结
qq_36434345的博客
10-20 2843
ES6 Moudule和 CommonJs区别 导出和引入的不一样 ES6 Moudule //导出 export default 模块名称 //引入 import 模块名称 from '文件路径' CommonJs //导出 module.export = 模块名称 //引入 const 模块名称 = require('文件路径') git命令行里的指令 //查看 webpack 是存在的...
webpack中webpack.config.js、package.json
想做大牛的蜗牛
11-20 3924
webpack中webpack.config.js、package.json文件 webpack.config.js文件内容const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); var path = require("path"); module.exports =
Webpack 4.XXX 配置文件webpack.config.js和package.json【使用方法总结】
JasonHsu Blog_前端开发博客，专注前端开发
09-12 2936
第一部分：package.json 配置scripts 字段 package.json 里面的scripts 字段值里，添加三个字段：其中字段名可以根据自己的喜好来指定 &amp;amp;amp;amp;quot;scripts&amp;amp;amp;amp;quot;: { &amp;amp;amp;amp;quot;dev&amp;amp;amp;amp;quot;: &amp;amp;amp;amp;quot;./node_module
[转] package-lock.json
weixin_30481087的博客
07-03 487
其实用一句话来概括很简单，就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。 引用知乎@周载南的回答 根据官方文档，这个package-lock.json 是在 `npm install`时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 它有什么用呢？因为npm是一个用于管理pa...
Cannot find module 'webpack-cli/package.json'
最新发布
09-02
3. 检查你的项目的package.json文件，确保webpack-cli已经正确添加到依赖项中。如果没有添加，可以手动将其添加到package.json文件中，并运行npm install命令来安装它。 4. 如果以上方法都没有解决问题，可以尝试...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值