指令

为不同环境配置可执行指令,我们使用npm scripts方式,在package.json文件中配置执行指令:

{"scripts": {"start": "cross-env NODE_ENV=dev webpack-dev-server","build": "cross-env NODE_ENV=production webpack"}
}

  • start:开发环境运行指令,使用cross-env三方库设置process.env.NODE_ENVdev,并在本地开启webpack开放服务器,方便开放;
  • build:生产环境运行指令,使用cross-env三方库设置process.env.NODE_ENVproduction,将打包输出代码和资源文件;

分别执行npm run start和npm run build指令即可分别执行开发和生产构建打包了。

转载于:https://www.cnblogs.com/Abner5/p/8058555.html

webpack自动化构建脚本指令npm run dev/build相关推荐

  1. npm run dev/build/serve

    npm run dev/build/serve 1.ERR引发的思考 npm run dev npm ERR! missing script: devnpm ERR! A complete log o ...

  2. vue项目工程中npm run dev 到底做了什么

    npm install 安装了webpack框架中package.json中所需要的依赖 2.安装完成之后,需要启动整个项目运行,npm run 其实执行了package.json中的script脚本 ...

  3. vue让你理解npm run dev 和 npm run serve

    npm run dev     是vue-cli2.0版本使用的 npm run serve  是vue-cli3.0版本使用的 dev build serve? 在我们运行一些 vue 项目的时候, ...

  4. mpvue入坑之npm run dev卡住

    问题描述 在构建一个mpvue项目的完毕之后,并且把依赖包都下载完成之后需要npm run dev运行项目,但是问题来了,既然卡死不动了.问题出现在mpvue小程序开发中. 场景复现 $ npm ru ...

  5. npm run dev 和 npm run serve

    1.ERR引发的思考 创建好的 vue 项目直接执行 vue run dev 报错?运行 vue run serve 就可以启动...如下 npm run dev npm ERR! missing s ...

  6. 【webpack】输入npm run dev报错: This is probably not a problem with npm. There is likely additional loggin

    今天做项目的过程中,发现输入了npm run dev,报错提示.然后尝试去修改这个bug. 1.删除node_modules rm -rf node_modules 2.删除package-lock. ...

  7. 运行 npm run dev 命令,启动 webpack 进行项目打包出现问题opensslErrorStack: [ ‘error:03000086:digital envelope routine

    webpack打包出现了以下问题: 经过经过查阅发现是因为node版本的问题,可以在终端执行以下命令解决这个问题: set NODE_OPTIONS=--openssl-legacy-provider ...

  8. npm run dev 在本地调试出现跨域问题解决方法

    npm run dev 在本地调试出现跨域问题 在localhost:8080调试时会出现跨域问题,如图: 我的项目是用webpack作为前端自动化构建工具,可以在webpack-dev-server ...

  9. 关于vue的npm run dev和npm run build

    转自:https://www.cnblogs.com/hl0203/p/7138600.html 关于vue的npm run dev和npm run build ├─build │ ├─build.j ...

最新文章

  1. 【通知】+ java基础提升篇:Java 序列化的高级认识
  2. [ACM] hdu 1285 确定比赛名次 (拓扑排序)
  3. 信息学奥赛一本通(1219:马走日)
  4. Spring Boot2整合Shiro(1):身份认证
  5. 随机数是骗人的,.Net、Java、C为我作证 - 杨中科 - 博客园
  6. 《信号与系统学习笔记》—信号与系统的时域和频域特性(二)
  7. 此语言无法安装在此计算机上win10,如何解决Win10换成无法安装英文语言包的问题...
  8. Windows64位安装git
  9. 微信公众号oauth授权
  10. 从kernel源码进阶C语言
  11. 动态条形图展示人均GDP,最后以gif格式输出
  12. XGBOOST原理解析
  13. 1G2G3G4G5G:一部波澜壮阔的移动通信史
  14. 《剑来》经典语录摘抄
  15. matlab和通达信,通达信dllmatlab
  16. android Marvel,Marvel下载-Marvel创建应用程序下载v2.3.0 安卓版-西西软件下载
  17. html如何添加加载动画效果,CSS3创建加载动画效果
  18. Rabbitmq队列模式总结
  19. 网站首页设计怎么排版?
  20. 2021-08-02MarKdown语法

热门文章

  1. 最大素因子(不是题目!自己写着玩的。。。)
  2. 50个最有用的Matplotlib数据分析与可视化图
  3. layui 折叠面板使用无效问题
  4. android软件perthbus,Transit
  5. Linux生态ox版本,从折腾说Linux生态圈
  6. java关机命令收集cmd关机命令
  7. Maven学习记录之maven基本操作命令,maven本地工厂的创建,maven骨架的生成,以及在eclipse中创建maven工程:...
  8. mysql常用内置函数_mysql常见内置函数
  9. Redis:17---常用功能之(事务)
  10. C++:29 --- C++继承关系下的内存布局(下)