js模块化的一点分享

192 阅读1分钟

1.首先,Module 语法是 JavaScript 模块的标准写法,坚持使用这种写法。使用import取代require。

const moduleA = require('moduleA');

const func1 = moduleA.func1;

const func2 = moduleA.func2;

!这种写法虽然比较标准,其实有更好的办法替代它。

import { func1, func2 } from 'moduleA'; 

2.用export替代module.exports。

//commonJS的写法
let React = require('react');
let Breadcrumbs = React.createClass({
  render() {
    return <nav />;
  }
});

module.exports = Breadcrumbs;
// ES6的写法
import React from 'react';
class Breadcrumbs extends React.Component {
  render() {
    return <nav />;
  }
};
export default Breadcrumbs;