原因

使用vue推荐的命令行工具。默认情况下，所有代码将被合并以生成新文件，包括自编写的和各种库，如vue

虽然vue等常用代码会分开，但是会放在自己的服务器上，所以如果使用cdn，会更有利于程序的加载速度。

修改

这里不解释如何使用官方命令行创建项目。

修改build/webpack.base.conf.js并在底部添加

externals: {

vue': 'Vue '

}

网络包文档是这么说的。

防止一些导入包被打包成包，但在运行时从外部获得这些外部依赖。

为此，有必要对vue进行打包，并从cdn获取vue

修改config/index.js

assetsPublicPath: '。/'

不需要修改就可以修改，因为如果是本地打开，默认是/change目录，应该修改到一个相对目录。/

修改src/main.js，

新Vue({

el: '#app '，

路由器，

//template: 'App/'，

渲染(h) {

返回h(' App ')；

},

组件： {应用}

});

将字符串模板templat修改为函数表达式，

也没有必要修改vue对不同构建版本的解释。

如果你不修改它，你需要使用完整包的vue。

这里我们使用了一个相对较小的量，但是没有字符串解析编译

运行时版本比完整版本小30%。

修改index.html，把cdn放进去，

script src=' https://cdn . bootcss.com/vue/2 . 5 . 9/vue . runtime . js '/script

在生产环境中，可以使用vue.runtime.min.js

最终执行

npm运行版本

编译后，检查dist文件夹是否正确。