vue2 打包或开发时 自定义参数

最近发现一个问题在vue 想要自定义打包发现直接在后面加--xxx结果报错,经过一番研究发现原来需要先定义配置以后在文件中才可以获取到,不扯太多进入正题;

如我要加一个user=666

先在 config 目录中找到 dev.env.js

然吧 user 定义在 merge一个扩展配置中如图 

 USER: process.env.npm_config_user||0

这句话就是我自定义的

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  MODE: '"development"',
  PATH: '"development"',
  USER: process.env.npm_config_user||0,
})

然后在控制台 执行

npm run dev --user=666

或在 package 文件中加启动方法 

 "user": "npm run dev --user=666"

package.json

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "user": "npm run dev --user=666"
  },

最后在src 的 main.js 直接打印 就可以随时获取啦,是不是很简单。

console.log(process.env);  

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Vue2 智慧大屏模板是一个基于Vue.js框架开发的模板,用于构建智能大屏展示系统。该模板提供了丰富的组件、样式和功能,方便开发者快速搭建具备交互性和实数据展示的智慧大屏。 Vue2 智慧大屏模板具备以下几个特点: 1. 灵活性:该模板使用Vue.js作为核心,具备强大的组件化开发能力,可以根据需求自由组合和扩展组件。开发者可以根据项目的不同需求,快速定制和改造大屏展示效果。 2. 实数据展示:该模板支持实数据展示功能,能够通过接口请求获取数据,并通过数据绑定实现实展示和动态更新。开发者可以通过配置接口地址和参数实现数据的动态加载和展示。 3. 动画效果:该模板提供了丰富的动画效果,可以通过配置动画参数和触发条件实现各种动画效果。开发者可以根据具体需求,自定义和展示不同的动画效果,使大屏呈现更加生动和吸引人。 4. 响应式布局:该模板使用了响应式布局技术,能够适应不同尺寸和分辨率的显示设备。无论是在大屏幕电视上还是在平板电脑、手机等移动设备上,展示效果都能自动适应,保证用户体验的一致性。 5. 运维友好:该模板提供了一套完整的开发和运维工具链,包括代码打包、部署、调试等功能,方便开发者进行项目管理和维护。开发者可以通过配置和使用这些工具,提高开发效率和运维便利性。 总之,Vue2 智慧大屏模板是一个强大而灵活的工具,可以帮助开发者快速构建智慧大屏展示系统,满足不同项目的需求,并提供了丰富的功能和工具,方便开发和运维。 ### 回答2: Vue2智慧大屏模板是基于Vue2开发的一种用于构建智能大屏展示的模板工具。它为开发人员提供了一套易于使用、灵活性强的组件和工具,帮助他们快速构建出具有良好用户体验和高度可定制的智慧大屏应用。 在Vue2智慧大屏模板中,我们可以通过组合不同的组件,比如滚动列表、图表、地图、数据卡片等,来展示各种不同的数据和信息。这些组件都经过了优化和封装,可以很方便地在模板中使用,并且支持自定义样式和交互。 另外,Vue2智慧大屏模板还提供了一些常用的功能和工具,比如数据请求、数据处理、路由管理等,帮助开发人员更高效地处理数据和展示逻辑。同,模板还支持响应式布局,可以适配不同屏幕尺寸和设备,保证在不同设备上展示效果一致。 总之,Vue2智慧大屏模板是一个开发智能大屏展示的工具,它具有灵活性强、易于使用的特点,可以帮助开发人员快速构建出具有良好用户体验和高度可定制的智慧大屏应用。无论是为企业展示数据,还是用于公共信息展示,该模板都能满足需求,并提供了丰富的组件和功能以供开发人员使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值