账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-cli3.0配置baseUrl等
    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
    打赏
    收藏
    点击回答
        全部回答
    • 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配置或者在你的应用程序中使用全局变量。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部