使用 ES6 用 import 就一定要用打包工具吗

Question

使用 ES6 用 import 就一定要用打包工具吗 ### 问题描述

问题出现的环境背景及自己尝试过哪些方法

我搜索了都是说用 webpack 或者 browerify 但是感觉好像不适合小项目

中小型的项目 领导要用模块化处理 感觉打包完代码更多了

Answer 1

不是必须

在浏览器中， import语句只能在声明了type="module"的script的标签中使用。

import

Answer 2

浏览器可以用 只不过兼容性差 浏览器兼容
pc端 除了 ie 其他浏览器最新版都支持

推荐一波我的文章：深入 CommonJs 与 ES6 Module

Answer 3

我该怎么办 还是很喜欢用 ES6 语法的

Answer 4

是必须要打包的，ES6的代码需要转化为ES5才可以在浏览器等终端运行。
打包完的代码不会更多吧，ES6的有些写法只是语法糖，转译成ES5后只是展开了其原来的实现方式。

Answer 5

可以通过script的 type="module" 和 type="nomodule" 来判断浏览器是否直接支持ES6哈， 如果支持你就引入ES6的文件， 不支持就需要babel转码了， import现代浏览器也是支持的， 看你的兼容需求了

Answer 6

一般是使用webpack工具将带有import和export语法的JS文件, 通过打包工具生成所有浏览器都支持的单个JS文件.
可以看看这篇文章如何让浏览器支持ES6中的import和export语法