module.exports在浏览器的问题

Question

function test() {

    document.getElementById('test').innerHTML--

}

module.exports = test

这样可以用标签引用啵

<script src="./assets/js/index.js"></script>

报错module is not defined

请问是什么问题

Answer 1

node.js的语法又不是js的语法CommonJS规范 node.js导出 module.exports、exports导入 require实现 node.js自带的模块加载机制AMD规范 浏览器导出 define();导入 require(["module", "../file"], function(module, file) { /* ... */ });&nbsp;&nbsp;实现 require.js&nbsp;&nbsp;CMD 浏览器define(function(require, exports, module) {&nbsp; &nbsp;var a = require('./a')&nbsp; &nbsp;a.doSomething();// ...&nbsp;})实现 SeaJSES6模块化 浏览器 or node// in file test.jsexport function sum(num1, num2) {&nbsp; &nbsp; return num1 + num2;}import { sum } from './test';// in file test.jsexport default function(){return 1};&nbsp;import m from './test'实现 ES6语法支持 或者 babel转为es5

Answer 2

module是ES6引入模块化的运用，但目前浏览器并不能直接识别，需要打包工具打成ES5才可以

Answer 3

现代浏览器已支持export,import,所以script标签内应该这样使用：<script type="module">&nbsp; &nbsp; import test from './a.js'&nbsp; &nbsp; test();</script>a.js代码如下：export default function() {&nbsp; &nbsp; console.log('1')}