[已解决]vue引用依赖用require和import的疑惑

BAEK_HYUN

npm安装好依赖以后
什么时候用require引入
什么时候用import引入
有什么区别呀，分不清楚了
我知道require是CommonJS中的，import是ES6中的
一个项目里啥时候用require啥时候用import
只用一种不行吗？

正在学vue，对这个概念比较疑惑，没学过node
希望讲的详细易懂一点

最佳答案

月排行榜 / 总排行榜

kogawananari

2021-11-18 18:39:26

nodejs本身也支持ems的引入方式 如果不配置  后缀需要是.mjs才能以ESM运行

所以你可以忘掉nodejs的require 以及__filename __dirname 这些遗留的玩意  因为它们在ESM中不受支持

跳转到最佳答案楼层

kogawananari

nodejs本身也支持ems的引入方式 如果不配置  后缀需要是.mjs才能以ESM运行

所以你可以忘掉nodejs的require 以及__filename __dirname 这些遗留的玩意  因为它们在ESM中不受支持

kogawananari

vue本体是客户端浏览器运行的js
使用构建工具可以进行依赖分析将vue后缀的模块打包为一个含vue本体的html文件（即单页应用SPA，PWA或是桌面应用）
其中依赖分析是按照构建工具配置的 目前来说 vite和snowpack是必须使用ESM的
而依赖webpack的vuecli是同时可以使用ESM和CJS的引入方式的
但是如果vue后缀的模块内的script lang=ts 那么无论使用什么构建工具，ESM的方式将是唯一选择

BAEK_HYUN

kogawananari 发表于 2021-11-18 21:17
nodejs本身也支持ems的引入方式 如果不配置  后缀需要是.mjs才能以ESM运行

所以你可以忘掉nodejs的requi ...

懂啦懂啦