Node.js | ECMAScript6 等 | 笔记
引言
Q&A
补充
env.js
main.js
使用
main.js
daylib.js
src/main.js
main.js
package.json
注意: "main": "dist/DayLib.min.js"
package.json
PS:
npm run dev 生成的 /dist/DayLib.min.js 并不需要重新 build,
一改动源代码, 就会自动重新 complie 成 DayLib.min.js
不过需要刷新, 不会自动热重载
webpack.config.js
webpack.config.js
需要注意:
使用: 在页面中使用
使用: 模块管理器
npm 项目 读取 package.json 的 version 作为项目版本
env.js1 | // import packageJson from '../package.json' // 报错 |
1 | import "./css/daylib.css"; |
npm 项目: 如何注入库对象
src/js/daylib.js1 | // 导入你需要的 |
1 | // 导入你需要的 |
1 | { |
1 | var path = require('path') |
1 | output: { |
1 | <script src="https://cdn.jsdelivr.net/npm/daylib/dist/daylib.min.js"></script> |
1 | npm install daylib --save |
1 | import DayLib from 'daylib'; |
package.json 与 package-lock.json 的区别
参考: package.json和package-lock.json的区别_c2311156c的博客-CSDN博客_package package-lock package.json 和 package-lock.json 有哪些区别和作用? - 知乎 package.json 和 package-lock.json - 简书 package.json: 定义项目中需要依赖的包 package-lock.json: 在 npm install时生成一份文件,用以记录当前状态下实际安装的各个npm package的具体来源和版本号,模块下载地址。 ^ : 放在版本号之前,表示向后兼容依赖- 依赖版本有四种
- 开头的版本会匹配最近的小版本依赖包,比如 ~1.2.3 会匹配所有 1.2.x 版本,但是不包括 1.3.0
-
如果lock文件中的版本高于package.json, 项目每次 install 都会根据 lock文件 的具体版本去拉取包,但并不会更新package.json中写的版本号
如果lock文件中的版本低于package.json,项目install的时候会下载当前包大版本下的最新小版本,并更新lock
等于的情况,就是下载当前版本号的依赖