webpack打包编译时，不识别src目录以外的js或css

Posted 2020-09-29

前端的dva项目开发时，遇到个很郁闷的问题，用es6的语法简单的export一个变量出来，在其他js中import使用，结果就报错了。

 

export写法如下：

1 const enUS = {
2   account: "account:",
3   password: "password:",
4   userLogin: "User Login"
5 };
6 export default enUS;

看起来没什么问题，对吧？

 

import写法如下：

1 import enUS from ‘../../i18n/enUS‘;

看起来更没有问题，对吧？

 

但是在其他js中import使用时就会报错，错误如下：

Uncaught SyntaxError: Unexpected token export

 

原因：查了半天，最后发现是因为i18n的文件目录不对，这个必须得放在项目的src目录下才行，要不然webpack会不识别。

好坑。