码迷,mamicode.com
首页 > 其他好文 > 详细

vue 实践记录

时间:2018-05-23 10:24:56      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:oba   route   src   config   打包   import   index   nod   代码   

打包后使用相对路径

build/webpack.prod.conf.js 的 output 节点添加配置:publicPath: ‘./‘

打包时使用shell复制文件

在入口 build/build.js 中使用.

  1. 引入 shelljs库 require(‘shelljs/global‘)
  2. 使用示例:cp(‘-R‘, ‘favicon.ico‘, config.build.assetsRoot)

不同环境使用不同模式加载路由( vue 开发环境不适用懒加载)

router目录结构

技术分享图片

  • _import_production.js 代码
    module.exports = file => () => import(‘@/views/‘ + file + ‘.vue‘)

  • _import_testing.js 代码
    module.exports = file => () => import(‘@/views/‘ + file + ‘.vue‘)

  • _import_development.js 代码
    module.exports = file => require(‘@/views/‘ + file + ‘.vue‘).default

  • 路由中使用

    const _import = require('./_import_' + process.env.NODE_ENV)
    ...
        component: _import('dashboard/index')
    ...

vue 实践记录

标签:oba   route   src   config   打包   import   index   nod   代码   

原文地址:https://www.cnblogs.com/morang/p/9074983.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!