webpack-template
为懒人准备的 webpack 模版,可以直接用于生产。这里单纯只做webpack构建、打包、代码的组织等,关于React、Vue等配置并不复杂,可以在需要时添加。随着webpack版本的迭代,会将最新的特性加入,持续更新...... 有空就写一点 ~,~
Demo源码:github.com/Eleven90/we…
版本
webpack 4 + babel 7
Yarn和NPM的选择?
- 通常使用NPM做包管理,但此项目使用Yarn,因为Yarn有:速度快、可离线安装、锁定版本、扁平化等更多优点。
- 如果需要从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] // 升级依赖包,指定版本
参考文档
- yarn中文网
- yarn安装 —— 预警:如果本机已经安装过
NodeJS,使用brew安装yarn时,推荐使用brew install yarn --without-node命令,否则可能导致其它bug。 - yarn命令
- yarn和npm命令对比