如何运行Vue源码

    

      1.下载源码

       从git中找到vue源码,把repo链接复制,使用【 git clone 链接 】命令将vue源码下载到本地。

      2.可以看到以下目录

      

       每次看vue项目时,我们首先要看下package.json文件,我运行的是vue 2.6.10版本

      

       3.先用【npm install】

         先使用【npm install】命令将所需要的node包安装,npm的全称是node package manager

       4.使用 【npm run dev】

         再使用【npm run dev】的命令时,报了如下的错误

       

        解决方法是找到 \node_modules\rollup-plugin-alias\dist\rollup-plugin-alias.js

       

 resolveId(importee, importer) {
            const importeeId = normalizeId(importee);
            const importerId = normalizeId(importer);

            // First match is supposed to be the correct one
            const toReplace = aliasKeys.find(key => matches(key, importeeId));

            if (!toReplace || !importerId) {
                return null;
            }
           // const entry = options[toReplace];
            const entry = normalizeId(options[toReplace]);//改成这句

            let updatedId = normalizeId(importeeId.replace(toReplace, entry));

            除了修改以上这行代码,还需要修改以下,添加--sourcemap, 用于生成.map文件

        

            改完,保存后,再次【npm install dev】, 将在dist目录下生成vue.js和vue.js.map两个文件

 

        

posted @ 2019-09-24 10:12  我是奶糖  阅读(6119)  评论(2)    收藏  举报