webpack-template

  为懒人准备的 webpack 模版,可以直接用于生产。这里单纯只做webpack构建、打包、代码的组织等,关于React、Vue等配置并不复杂,可以在需要时添加。随着webpack版本的迭代,会将最新的特性加入,持续更新...... 有空就写一点 ~,~
  Demo源码:https://github.com/webpack-template/webpack-template

版本

webpack 4 + babel 7

Yarn和NPM的选择?

  1. 通常使用NPM做包管理,但此项目使用Yarn,因为Yarn有:速度快、可离线安装、锁定版本、扁平化等更多优点。
  2. 如果需要从npm切换到yarn,或者从yarn切换到npm,请整体移除node_modules目录,及yarn.lock/package-lock.json文件,因yarn和npm两者的策略不同,导致相同的package.json列表安装后的node_modules结构是不同的(虽然这并不会引发bug,但建议在切换时清除后重新install)。

Yarn常用命令

yarn / yarn install                 // 安装全部(package.json)依赖包 —— npm install

yarn run [dev]                      // 启动scripts命令

yarn add [pkgName]                  // 安装依赖包(默认安装到dependencies下) —— npm install [pkgName]
yarn add [pkgName]@[version]        // 安装依赖包,指定版本 —— npm install [pkgName]@[version]
yarn add [pkgName] -D               // 安装依赖包,指定到devDependencies —— npm install [pkgName] -D
yarn remove [pkgName]               // 卸载依赖包 —— npm uninstall [pkgName]

yarn upgrade [pkgName]              // 升级依赖包 —— npm update [pkgName]
yarn upgrade [pkgName]@[version]    // 升级依赖包,指定版本

参考文档

  1. yarn中文网
  2. yarn安装 —— 预警:如果本机已经安装过NodeJS,使用brew安装yarn时,推荐使用brew install yarn --without-node命令,否则可能导致其它bug。
  3. yarn命令
  4. yarn和npm命令对比
powered by GitbookLast modified time: 2019-11-27 11:01:56

results matching ""

    No results matching ""