React项目中Tailwind CSS被装为dev依赖，如何改为正式依赖？

操作步骤： #

• 先卸载当前安装的Tailwind相关依赖包：

  # 使用npm
  npm uninstall tailwindcss postcss autoprefixer
  
  # 使用Yarn
  yarn remove tailwindcss postcss autoprefixer
  

• 重新安装这些包并将其添加到dependencies：

  # 使用npm（npm 5+ 默认会将包添加到dependencies，无需额外参数）
  npm install tailwindcss postcss autoprefixer
  
  # 使用Yarn
  yarn add tailwindcss postcss autoprefixer
  

• 打开项目根目录下的package.json，确认tailwindcss、postcss、autoprefixer已出现在dependencies字段中，而非devDependencies。

补充说明： #

其实Tailwind CSS的核心工作是在项目构建阶段生成最终的生产环境CSS，即便它处于devDependencies中，只要你在构建流程中正确配置了Tailwind的编译步骤，生产环境的代码依然能正常生成并运行。但如果你的场景确实需要将其移至dependencies，按照上述步骤操作即可。

内容的提问来源于stack exchange，提问作者Arpit Jha