从头开始学Webpack

npm下代码-D和-S的区别

-S 就是 --save 的简写,会将包的名称及版本号放在dependencies里面。
-D就是--save-dev简写,会将包的名称及版本号放在devDependencies里面这个里面
dependencies:生产环境使用
devDependencies:开发环境使用
npm install xxx -g 表示全局安装,通常用于安装脚手架等工具
npm install会默认下载dependencies和devDependencies中的所有依赖包
在运行阶段依赖的项,放到 dependencies 里;仅仅在开发、测试、编译阶段依赖的项,放到 devPependencies

使用 Webpack5 搭建一个完整的 Vue3 的开发环境:https://juejin.cn/post/6924180659829211143
vue-cli3搭建项目之优化webpack配置:https://segmentfault.com/a/1190000038447000
vue3 ui安装:https://www.jianshu.com/p/c79974852fb6
vue3 通过vue-cli安装:https://juejin.cn/post/6884527747570515981

vue-cli是什么,webpack是什么,vue-cli和webpack有什么关系

vue-cli是Vue官方脚手架工具,我们可以用它快速搭建一个初始化配置的Vue项目。vue-cli最主要的功能就是初始化项目,既可以使用官方模版,也可以使用自定义模版生成项目,

webpack是前端资源模块化管理和打包工具,它可以把松散的模块按照依赖和规则打包成符合生产环境部署的前端资源,还可以将按需加载的模块进行代码分割,等到实际需要的时候再异步加载。

vue-cli和webpack是什么关系:vue-cli里面包含了webpack, 并且配置好了基本的webpack打包规则。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容