ES6 Javascript Modules 具体应用场景

Question

此处主要讨论页面独有 Javascript

所有文件会合并

课程列表页面: courseList.js

class CourseList{
    constructor() {
        // 此处判断是否是课程列表页面
        if(document.querySelector('.page-course-list')!=null){
            console.log('Hello!')
        }
    }
}
var courseList = new CourseList();
export default courseList;

入口页面： main.js

import courseList from './course/course-list';

此种做法是否可取？（不包括合并成一个文件）