参考 Vite 预优化依赖包 - 尤大Issue - can’t add less as dependencyDependency Pre-Bundling 问题描述 当使用 vite 生成项目的时候，如果 less 或 sass 安装到了 dependencies，在运行时会报错并失败。 而将它们安装到开发依赖 devDependencies 中就可以正常运行。 依赖关系只会预捆绑安

差异 其实不严格的话，没有特别的差异；若是严格，遵循官方的理解。 dependencies：存放线上或者业务能访问的核心代码模块，比如 vue、vue-routerdevDependencies：处于开发模式下所依赖的开发模块，也许只是用来解析代码、转义代码，但是不产生额外的代码到生产环境，比如打包用的 webpack，编译用的 babel（需要使用最新的JS语法，又担心部分浏览器不支持）

网上有很多关于devdependencies 和 dependencies区别的文章，看了下，都没有说到重点。 其实官网已经说得非常清楚了 https://docs.npmjs.com/cli/v6/configuring-npm/package-json#devdependencies 如果还是不理解，下面这个文章很好 https://www.yuque.com/docs/share/9