首頁>技術>

本質上來說,slue是gulp的一個實現,其底層API是完全一致的,原則上,gulp的所有外掛都可以執行在slue上。不同的是,slue同時,也實現了對commonJs、es6模組規範程式碼的打包支援。

下面我們簡單介紹下slue對vue非同步路由的支援。

假如你的路由是打包在app.js裡的,同時,你有一個“#/home”頁面,home頁面資源打包為home.js,那麼,你需要做以下事情:

1、sluepack.config.js配置

module.exports = {    entry: {        app: './src/app.js',        home: './src/pages/home.vue',    }}

2、router.js

import Router from 'vue-router';import homePage from '../pages/home';export default new Router({    routes: [{        path: '/',        redirect: '/home'    }, {        path: '/home',        component: homePage    }]});

3、src/pages/home/index.js

module.exports = function() {    return new Promise(function(resolve) {        // src/page/home/home.vue        require.async('./home', function(component) {            resolve(component);        });    });};

最新評論
  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • 技術分享 | percona QAN 介紹