懒加载用了babel-loader报错

来源:3-8 由浅入深 webpack - 代码分割和懒加载(2)

慕娘559103

2018-01-23

报'import' and 'export' may only appear at the top level

var page1 = 'pageA';
if(page1 === 'pageA'){
import(/*webpackChunkName:'PageA'*/'./js/pageA').then(function(pageA){
console.log(pageA)
})
}else if(page1 === 'index'){
import(/*webpackChunkName:'index'*/'./js/index')
.then(function(index1){
console.log(index1)
})
}
require.ensure([],function(){
var _ = require('lodash');
_.join(['1','2'],'3');
},'vendors');


写回答

2回答

慕圣1176792

2018-07-11

//img.mukewang.com/szimg/5b45c479000105bb04730255.jpg

我也一样呀 老师的要求是这样吗

0
0

qbaty

2018-01-23

这个是因为没有识别出动态import, 需要改两个地方:

第一个 eslintrc中,要引入 import 的插件 首先需要npm install

第二个 babelrc中, preset-env 中要指定 module: false

0
2
慕圣1176792
回复
慕娘559103
道友我也都一样,您最后怎么解决的
2018-07-11
共2条回复

四大维度解锁Webpack3.0前端工程化

前端开发标配,灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

查看课程