vue 实践记录

打包后使用相对路径

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')
...

使用 require.context自动加载模块

使用:const files = require.context(directory, useSubdirectories, regExp)

参数说明

  • directory:说明需要检索的目录
  • useSubdirectories:是否检索子目录
  • regExp: 匹配文件的正则表达式

返回结果

files.keys(): 符合条件的文件路径集合

使用

获取当前目录所有 js 文件并获取导出模块

const files = require.context('.', true, /\.js/)
const modules = {}
files.keys().forEach(key => {
  if (key === './index.js') {
    return
  }
  var mk = key.replace(/(^\.\/|\.js$)/g, '')
  var m = files(key)
  modules[mk] = Object.keys(m).reduce((s, e) => {
    if (e !== 'default') {
      s[e] = m[e]
    }
    return s
  }, m.default||{})
})
//console.log(modules)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Ajax 文件上传

    原文地址:http://blog.sina.com.cn/s/blog_5d64f7e3010127ns.html

    易墨
  • 初次尝试Linux并记录一二

    若出现 服务器拒绝了SETP连接,但它监听FTP链接。。。没有安装sshd 解决方案

    易墨
  • vue项目实践-前后端分离关于权限的思路

    最近看到许多关于权限的思路,但好像都是使用动态加载路由的方式,现在也分享下我在项目中使用的解决方案。 前后端分离关于权限的处理每个人都不一样,根据项目选择制定...

    易墨
  • 培养这10个习惯,你就离UNIX高手更进一步了

    上一篇文章中我们列出了使用 Unix/Linux 系统时的10条建议,相信即便是很熟悉这些概念的老手,一旦重新审视自己平时的某些使用习惯时也会有新的收获。在上一...

    用户6543014
  • 培养这10个习惯,你就离UNIX高手更进一步了

    来自:IBM developerWorks 链接:https://www.ibm.com/developerworks/cn/aix/library/au-un...

    企鹅号小编
  • 血拼移动办公生态 云之家不仅仅是连接器?

    当纷享战略融资落锤,金蝶的故事还在上演,云之家CRM宣告停售,纷享销客与云之家的联姻也拉开序幕,看似两个曾经在同一领域的竞争对手因为共同的目标从相杀走向相爱,两...

    人称T客
  • 几种服务器端IO模型的简单介绍及实现

    一些概念: 同步和异步 同步和异步是针对应用程序和内核的交互而言的,同步指的是用户进程触发I/O操作并等待或者轮询的去查看I/O操作是否就绪,而异步是指用户进程...

    李海彬
  • 钉钉忙着撕微信,云之家却在密谋?

    人称T客
  • CSS选择器优先级

    HTML5学堂:CSS优先级所谓优先级是指CSS样式在浏览器中被解析的先后顺序。 CSS选择器的优先级:id > class > tagname。具体我们来看看...

    HTML5学堂
  • 终极 shell 脚本 快速入门指南 (五) 循环

    许多语言都有循环的概念。例如我们要做同一件事情10次,可以用循环实现,而不用输入十次一样的代码。

    白玉无冰

扫码关注云+社区

领取腾讯云代金券