1. 通过npm使用import语句是否需要编译器？ #

这个得分场景来看：

• 浏览器环境：现代浏览器（比如你的Chrome 65）确实原生支持ES6模块，但有前提条件：你得用<script type="module">标签声明脚本，而且不能直接导入npm里的“裸模块名”（比如import jquery from "jquery"这种写法）——因为浏览器没办法识别"jquery"对应的具体文件路径。如果要直接在浏览器中使用npm安装的模块，要么借助Webpack、Rollup这类模块打包工具，把所有依赖打包成浏览器能直接解析的文件；要么使用提供ES模块版本的CDN资源。
• Node.js环境：早期Node.js默认采用CommonJS规范的require来导入模块，后来才逐步支持ES模块语法。如果要在Node.js里用import，要么把文件后缀改成.mjs，要么在项目的package.json中添加"type": "module"配置。如果你的项目依赖的npm包大多是CommonJS格式，可能还是需要用Babel这类转译工具处理，或者用打包工具统一转换模块格式。

简单总结：不是必须使用编译器，但在大多数实际开发场景（尤其是依赖多个npm包的复杂项目）中，使用打包工具或转译器能避免很多路径、模块格式兼容的问题，开发体验会更顺畅。

2. Chrome 65中直接使用import jQuery报错的原因 #

你遇到的问题主要出在两个关键细节上：

脚本标签缺少type="module"属性 #

Chrome 65确实支持ES模块，但浏览器只会把带有type="module"属性的<script>标签内的代码当作ES模块解析，普通<script>标签里的import语法会被识别为错误代码。正确的写法应该是：

<script type="module">
  // 这里写import相关代码
</script>

浏览器无法解析“裸模块名” #

就算加上了type="module"，直接写import jquery from "jquery"依然会报错——因为浏览器不知道"jquery"这个名称对应的具体文件在哪里。npm安装的模块都存放在项目的node_modules目录中，你需要写出完整的相对路径才能让浏览器找到对应的文件，比如：

<script type="module">
  import jquery from "./node_modules/jquery/dist/jquery.js";
</script>

另外还要注意：早期的jQuery版本可能没有提供符合ES模块规范的文件，你需要确认自己安装的jQuery版本是否支持ES模块（一般jQuery 3.2及以上版本开始提供相关支持）。

还有个小细节：带有type="module"的脚本会自动启用严格模式，并且默认是异步加载的，这和普通脚本的加载执行逻辑有所不同。

内容的提问来源于stack exchange，提问作者Farid S