使用 es6 模块：未捕获的 ReferenceError：define 未定义

Question

I want to use es6 modules and I installed babel plugin (es2015-modules-amd) for them. But what I write in the module is not imported to the main file, console errors: " Uncaught ReferenceError: define is not defined" at the first attempt to import anything. Same thing has happened when I tried to use common.js with those require statements, console just has pointed, the error and that require is not defined too. What is it?

Answer 1

我必须得到一个模块捆绑器，使用它后，一切顺利

Answer 2

i had to install

npm i -D @babel/plugin-transform-modules-amd

and use .babelrc file

{
  "plugins": [
    "transform-es2015-modules-amd"
  ]
}

Answer 3

Another method solved my problem when it came up "define is not defined" error from babel:

npm install --save-dev browserify 
browserify input.js > output.js

Although it's browserify easily solved the problem.