# vue2Browser

**Repository Path**: 264727564/vue2-browser

## Basic Information

- **Project Name**: vue2Browser
- **Description**: vue2 

使用 require.js 完成模块加载功能

使用 babel 编译 vue文件


- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-29
- **Last Updated**: 2023-02-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue2Browser

#### 介绍
vue2 

使用 require.js(已改源码) 完成模块加载功能

使用 babel 编译 vue文件

默认使用 babel  加载模块  转换成es5的语法

示例 1     转换例子

a.js文件

`export default {name:"466"}`


模块加载  import a from 'a.js';

console.log(a);

输出 456

如果使用 

`define(["a.js"],function(a){
    console.log(a.default.name);
})`

输出 456

示例 2    非转换例子

b.js

`
define([],function(){
   return {
        name:"123"    
    };
});
`


使用 import b from 'b'; // 这里默认不做文件转换处理 使用define 模块加载

输出 123

如果使用
`define(["b"],function(){
    console.log(b.name);
})`

输出 123

目录结构

    1. run 存在插件和编译语法的依赖

    2. js  存储es6语法

vue 文件

解析规则参考 httpVueLoader.js

只做了 less 样式编译 

对 require.js 进行了魔改  

原始加载插件的方式是使用 由于做了调整 引入的规则也有一点小改变

css!1.css,text!1.text,vue!1.vue

修改后

1.css,1.text,1.vue