vue中npm run dev和npm run build有什么区别
导读:本文共2784字符,通常情况下阅读需要9分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:希望大家仔细阅读,能够学有所成!具体如下:├─build│├─build.js│├─check-versions.js│├─dev-client.js│├─dev-server.js│├─utils.js│├─vue-loader.conf.js│├─webpack.base.conf.js│├─webpack.dev.conf.js│├─webpack.prod.conf.js... ...
目录
(为您整理了一些要点),点击可以直达。希望大家仔细阅读,能够学有所成!
"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有什么区别的详细内容,希望对您有所帮助,信息来源于网络。