require:require('s.css');
improt 's.css'
var o = require('s.js');
import o form s.js
导出一个模块对象(es5):
module.exports={
add:add,
sub:sub
}
导出一个模块对象(es6):
module.exports={
add,
sub
}
注意:这种写法属性名和属性值变量是同一个,否则要分开写
module.exprots={
addFn:add,
sub
}
module.exports={
addFun:function(x,y){
return x+y;
}
}
module.exports={
addFun(x,y){
return x+y;
}
}
calc.js中有两个函数:
function add(){}
function sub(){}
es5写法:
module.exports.add = add;
module.exports.sub = sub;
使用:
var calc = require('./calc.js');
es6写法:
exprot function add(){}
exprot function sub(){}
es5:
module.exports = {add:add,sub:sub};
es6:
exprot default{
add,sub
}
import calc from './calc.js'
import {add} from './calc.js'
1、如果模块中是使用 export default {} 方式导出的对象
只能通过 import 对象名称 from '模块路径'
不能通过 import {对象名称} from '模块路径'
2、如果就想要import {对象名称} from '模块路径'通过这种方式来按需导入对象中的某个属性
那么应该使用 export 跟着要导出的对象或者方法名称
export function add(){}
export function substrct(){}
那么就可以使用:
import {add,substrct} from '模块路径'
只需要直接使用 add()方法即可
注意这里不能直接使用: import cacl from '模块路径' 这种方式导入,会报错