vue中npm run dev和npm run build有什么区别(npm run build,vue,开发技术)

时间:2024-05-06 07:11:50 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    vue%E4%B8%ADnpm+run+dev%E5%92%8Cnpm+run+build%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB

希望大家仔细阅读,能够学有所成!

"build":"nodebuild/build.js",

意思:运行”npm run dev”的时候执行的是build/dev-server.js文件,

检查node和npm的版本

引入相关插件和配置

创建express服务器和webpack编译器

配置开发中间件(webpack-dev-middleware)和热重载中间件(webpack-hot-middleware)

挂载代理服务和中间件

配置静态资源

启动服务器监听特定端口(8080)

自动打开浏览器并打开特定网址(localhost:8080)

配置webpack编译入口

配置webpack输出路径和命名规则

配置模块resolve规则

配置不同类型模块的处理规则

合并基础的webpack配置

使用styleLoaders

配置Source Maps

配置webpack插件

配置静态资源路径

生成cssLoaders用于加载.vue文件中的样式

生成styleLoaders用于加载不在.vue文件中的单独存在的样式文件

loading动画

删除创建目标文件夹

webpack编译

输出信息

合并基础的webpack配置

使用styleLoaders

配置webpack的输出

配置webpack插件

gzip模式下的webpack插件配置

webpack-bundle分析

本文:vue中npm run dev和npm run build有什么区别的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Python urllib如何使用下一篇:

6 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18