module.exports在瀏覽器的問題

function test() {

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

}
module.exports = test
這樣可以用標(biāo)簽引用啵

<script src="./assets/js/index.js"></script>
報(bào)錯(cuò)module is not defined

module是ES6引入模塊化的運(yùn)用，但目前瀏覽器并不能直接識(shí)別，需要打包工具打成ES5才可以

node.js的語法又不是js的語法
CommonJS規(guī)范 node.js

導(dǎo)出 module.exports、exports
導(dǎo)入 require
實(shí)現(xiàn) node.js自帶的模塊加載機(jī)制

AMD規(guī)范 瀏覽器

導(dǎo)出 define();
導(dǎo)入 require(["module", "../file"], function(module, file) { /* ... */ });  
實(shí)現(xiàn) require.js  

CMD 瀏覽器

define(function(require, exports, module) {   
var a = require('./a')   
a.doSomething();
// ... 
})
實(shí)現(xiàn) SeaJS

ES6模塊化 瀏覽器 or node

// in file test.js
export function sum(num1, num2) {
    return num1 + num2;
}
import { sum } from './test';

// in file test.js
export default function(){return 1}; 
import m from './test'

實(shí)現(xiàn) ES6語法支持 或者 babel轉(zhuǎn)為es5

現(xiàn)代瀏覽器已支持export,import,所以script標(biāo)簽內(nèi)應(yīng)該這樣使用：

<script type="module">
    import test from './a.js'
    test();
</script>

a.js代碼如下：

export default function() {
    console.log('1')
}