bundle-loader解析import异于ES6 module


问题

技术栈:react+ redux+ react-router...

因为项目是一个SPA,入口文件随着项目的增加随之增大,于是准备将react-router异步加载。

方案一:(因为层级过深,书写麻烦,没有考虑)

  • webpack(require.ensure)+ react-router

方案二:

  • webpack(bundle-loader)+ react-router(lazyLoadComponent)

在打包的过程中重点来了:发现bundle-loader对import进行了重新的解析,这种解析并不符合ES6 module许多特性没有支持。

例如:es6语法

import { OrderInfoMessage } from './fundConfirmCom/fundConfirmInfoOrder';
console.log(OrderInfoMessage)
// 可以解析

但是使用bundle-loader进行打包

import { OrderInfoMessage } from './fundConfirmCom/fundConfirmInfoOrder';
console.log(OrderInfoMessage) // undefined
// bundle-loader可以识别的方式:
import * as OrderInfoMessage from './fundConfirmCom/fundConfirmInfoOrder';
console.log(OrderInfoMessage) // 可以解析

解决方案

但是现在项目使用的是typescript,对common.js“不支持“(用的时候需要declare require/module);

因此没有考虑common.js的写法;

将主体文件交给bundle-loader,将components组件交给ts-loader打包。就避免了这种问题的出现;

但是这种方式没有完全达到我的期望,因为现在只是部分文件被异步加载,components组件依然被打包在app.js中。

所以请教解决方案既能和ES6 module语法保持一致,又可以达到健全的异步加载。



相关阅读:
video标签怎么控制播放内容的宽高?
IE兼容 React
弹出提示窗口JS怎么设置弹出一次,假设多弹出也要把前者取消,让后者弹出一次?
前端如何掌握必须的http知识?
在pfsense中启动barnyard2失败
scrapy怎么设置返回码不是200换代理
为什么有的公司要求DBA禁止使用between?
Laravel 如何获取路由名称?
前后端分离中碰到跨域问题大家是怎么解决的?
阮一峰老师《ECMAScript 6入门》第一节中的疑问
定时器中this为什么会指向window
backbone排序问题,视图实时排序
vuex中的state值,在工具类模块中怎么获取?
怎样用yii2.0配合mongodb做后台的权限控制系统???
类方法里实现网络请求类单例的方法有些情况返回不了数据
mysql如何合并两张结构相同的数据表?
easyui1.5 datagrid中分页显示不正常,求教各位
API Gateway 或者 OpenAPI设计思想?
vue.js实现组件间的上移下移
新人小白问题之 什么时候需要用到form标签?什么时候不必用,用不用有什么区别?



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 永远的丰碑 那遗忘的支离破碎梦 原来,梦想也并不遥远 我本无心何来刻骨铭心? 小学四年级作文400字:义乌亮起来了 给闺蜜的情人节祝福语 一个人,一份寂寞,一种心情 我心目中好老师 全县烤烟生产2010年工作计划 武陵春李清照赏析 翻译 亲亲我的妈妈好词好句 奔小康作文1500字 入党思想汇报基本写作要求 安然,那一世年华 形容工作压力大的句子摘抄 童话故事《小猫咪家族遇险记》(十一)作文800字 我与错误说再见作文 亲情友情的作文800字 作文大树的诉说 泡沫作文100字 恩情作文400字 操守不可偏激 观《感动中国十大人物》600字 2016年春季学期学校工作计划 生活,总是那么无可奈何 蓝伤漫延 你说…… 假如我是一只小燕子作文 河西走廊的月亮作文200字 我心目中的陈老师 思维,请守住幸福(转载)作文800字 优秀标准的内部承包合同范本 感恩节致客户祝福语大全 以探险为话题的作文400字 又是梧桐落叶时作文800字 摘下朗朗的月亮 免费2006年黑龙江省佳木斯市中考语文试题(课改区) 小学六年级作文550字:奥运征文 晓任和耀华的惊人历险(5)作文1100字 飘摇450字 优秀入党申请书范文(七)_入党申请书 创设优美环境,构建和谐校园——创市绿色学校汇报材料 桃源春色450字 法轮宇宙 《蜀道难》教学反思 小学六年级作文550字:宁静之声 北戴河之冬天的宁静【二】 学生会运动会工作总结 一年级作文 我心爱的小闹钟 JSP实习报告

Copyright © 2016 phpStudy |