我有一个前端项目,需要自己从头开始搭建一个单页面应用
我想采用vue.js框架来实现我的前端项目。但是有些配置我还是不清楚。
我所构想的技术应用有:
webpack + es6 +vue.js + vue-router来构建我的项目。
难点:组件模块我想实现按需加载,而不是全部打包出一个文件里,这样首页加载会很慢。但是我不知道怎么配置怎么写,麻烦知道的告知一下,谢谢!
我有一个前端项目,需要自己从头开始搭建一个单页面应用
我想采用vue.js框架来实现我的前端项目。但是有些配置我还是不清楚。
我所构想的技术应用有:
webpack + es6 +vue.js + vue-router来构建我的项目。
难点:组件模块我想实现按需加载,而不是全部打包出一个文件里,这样首页加载会很慢。但是我不知道怎么配置怎么写,麻烦知道的告知一下,谢谢!
我也没写过,只是在尝试。。g一下 webpack代码分割,看哈这个http://cn.vuejs.org/guide/components.html#u5F02_u6B65_u7EC4_u4EF6
组件按需加载,和webpack
配置无关,和代码如何写有关。
webpack
文档里,有一节是说代码分隔的[1]。
比如使用 CommonJS 风格:
require.ensure(["module-a", "module-b"], function(require) {
var a = require("module-a");
});
这里require.ensure
的第二个参数,也就是那个回调函数,会在模块全部下载完成后调用。但是,你需要显式地执行模块,也就是var a = require("module-a");
,不然模块不会执行。
还有其他分隔的异步加载方式,具体请看文档。
用vue-cli 啊,里面有作者写的es6 的template,再npm install vue-router --save
再把github上vue-router里的例子粘过来,很简单啊
27 回答13.1k 阅读
6 回答2.3k 阅读✓ 已解决
8 回答3.5k 阅读✓ 已解决
6 回答1.3k 阅读✓ 已解决
5 回答5.3k 阅读✓ 已解决
4 回答1.6k 阅读✓ 已解决
6 回答1.1k 阅读
务必用单向数据流,比如Vuex就是个很棒的选择。
务必单向数据流
务必单向数据流
务必单向数据流
重要的事情说三遍
至于组件加载,webpack有code split的功能,这个还是自己查文档吧。