require引入js vue_利用requirejs实现vue的模块化开发

通常vue都是搭配webpack+vue-cli使用的

如果不在nodejs环境下开发web应用呢？

这里提出一个解决方案：

1、加载requirejs，并且指定main函数

2、定义main函数

require.config({

paths: {"text": 'https://cdn.bootcss.com/require-text/2.0.12/text.min','vueLoader': 'componentLoader','article': '../components/article','color': '../components/dialog/color','util': './common/util','app': './workspace/vueSet',

},

waitSeconds:3});

require(['vueLoader', 'componentConfig', 'app'], (CptLoader, commCpt, app) =>{

CptLoader.config(commCpt,()=>{

setTimeout(()=>{

app.$mount(app.$el);

})

})

});

可以注意到，这提供了一个CptLoader

3、组件loader源码如下所示：