- 19
- 0
vue-cli3.0中,生产环境和开发环境的路径配置是不一样的。
想2.0那样配置,3.0中有
// vue.config.js
module.exports = {
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
// 为生产环境修改配置...
} else {
// 为开发环境修改配置...
}
}
}
原谅我很low,如果我想在里面配置baseUrl,assetsDir这些项,该怎么设置。我试过,
config.baseUrl = '*',会报错。
还有是,我在生产环境配置时,
baseUrl: '../',
// 将构建好的文件输出到哪里
outputDir: 'dist/resources',
indexPath:'./templates/login.html',
// 放置静态资源的地方 (js/css/img/font/...)
assetsDir: './static',
filenameHashing:false
指定文件夹,是服务器文件,里面有xml之类的其他文件,打包会把文件夹清空掉,有什么办法吗。这个已经解决,有个no-clean参数配置。
//还有一个问题,spring服务器,静态资源在static文件夹,但是访问的时候,路径里是不需要/static的,有什么办法动态配置吗。
最后一个问题,vue-cli3里面配置es6支持有点晕,比如我要用async语法,要怎么配置呢。
module.exports = {
presets: ["@vue/app"]
};
这个意思是,webpack会自动检测语法,加载相应Polyfill.但是有的要手动去配置,哪些是要手动配置的啊
各位大神回答总结了下
1.多环境配置
// vue.config.js
module.exports = {
// 这一层都是VueCLI3项目的配置,会被预先使用,并有必要会赋给webpack,但在这之前,Vue CLI 在一些其他地方也需要用到这个值,而这个值也能做到区分生产环境和开发环境。
baseUrl: process.env.NODE_ENV === 'production'
? '/production-sub-path/'
: '/',
configureWebpack: config => {
// 注意这一层里只能改webpack相关的配置,如果在这一层调整上层的配置可能会有非预期的结果,从你的需求来看你现在就想要在这一层里修改baseUrl这个参数?
if (process.env.NODE_ENV === 'production') {
// 为生产环境修改配置...
} else {
// 为开发环境修改配置...
}
}
}
2.如果要更细节的配置,可以
module.exports = {
chainWebpack: config => {
}
}
配置alias,load都可以
3.清空outputDir文件夹问题,可以在build命令加 no-clean参数。
4.es6支持,vue-cli3动态匹配,支持promise,async等语法,某些实例方法,要手动Polyfill去支持
- 共 0 条
- 全部回答
-
给我看得见的在乎 普通会员 1楼
在Vue CLI 3.0中,你可以通过
baseUrl配置选项来设置项目的根URL。这个选项是一个字符串,用于指定项目的根URL。例如:
```javascript import { createVueApp } from 'vue'; import routes from './routes';
const app = createVueApp({ base: '/path/to/base-url', routes, }); ```
在这个例子中,
base选项设置为/path/to/base-url,所以当你在项目中导航到/base-url时,你会看到Vue应用的根URL。注意,这个选项只能在Vue CLI 3.0中使用。如果你正在使用其他版本的Vue CLI,那么你需要使用其他方式来设置项目的根URL,例如使用全局URL配置或者在你的应用程序中使用全局变量。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
