webpack打包工具系列

简介: webpack打包工具系列

👣 shelljs

Node 编写 bash 脚本的解决方案

shelljs git 地址 🔥

安装: npm i shelljs
安装 TS 编译: npm i @types/shelljs -D

ShellJS 删除方式的:
ShellJS: rm() 删除文件, rm('rf', ) 删除文件夹

🌈 chalk

chalk git 地址🔥

添加字体颜色的库

⏰ SemVer

语义化版本 (SemVer),【软件版本号规范】。
semver 初识 🐶

其中,pack.json ^ 与 ~ 的区别 指定版本号

(1)指定版本:比如"vue": "2.5.2",表示安装2.5.2的版本

(2)波浪号~+指定版本:比如 "vue": "~2.5.2",
    表示安装2.5.x的最新版本(不低于2.5.2),但是不安装2.6.x,
    也就是说安装时,不改变大版本号和次要版本号

(1)^+指定版本:比如 "vue": "^2.5.2",表示安装2.5.2及以上的版本,
     但是不安装3.0.0,也就是说安装时不改变大版本号

✂️ rimraf

快捷且方便的删除node_modules的方法

npm install rimraf -g

🚗 Ora

主要用来实现node.js命令行环境的loading效果,和显示各种状态的图标等

var spinner = ora('building for ' + process.env.NODE_ENV + '...')
spinner.start()

ora 入门

相关文章
|
3月前
|
JavaScript
webpack打包TS
webpack打包TS
138 60
|
2月前
|
缓存 前端开发 JavaScript
Webpack 打包的基本原理
【10月更文挑战第5天】
|
2月前
|
前端开发 JavaScript
ES6模块化和webpack打包
【10月更文挑战第5天】
|
2月前
|
缓存 前端开发 JavaScript
深入了解Webpack:模块打包的革命
【10月更文挑战第11天】深入了解Webpack:模块打包的革命
|
3月前
|
JavaScript 测试技术 Windows
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境,包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件,并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。
162 2
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
|
2月前
|
缓存 前端开发 JavaScript
Webpack技术深度解析:模块打包与性能优化
【10月更文挑战第13天】Webpack技术深度解析:模块打包与性能优化
|
2月前
|
缓存 前端开发 JavaScript
深入了解Webpack:现代Web开发的核心工具
【10月更文挑战第11天】深入了解Webpack:现代Web开发的核心工具
|
2月前
|
前端开发 JavaScript 开发者
深入了解Webpack:现代JavaScript应用的打包利器
【10月更文挑战第11天】 深入了解Webpack:现代JavaScript应用的打包利器
|
3月前
|
前端开发 JavaScript UED
除了 Webpack,还有哪些工具可以进行代码分割?
除了 Webpack,还有哪些工具可以进行代码分割?
|
3月前
|
缓存
webpack 打包多页面应用
webpack 打包多页面应用
26 1