rollup+babel

rollup.js官网文档

github源码

---

升级node.js，npm

1.创建packpage.json文件

手动或命令 npm init

2.安装rollup

npm install-g rollup //全局安装 package.json文件需要手动引用

npm install --save-dev rollup  //安装到你的项目目录

3.安装插件

npm install --save-dev rollup-plugin-babel

npm install --save-dev babel-preset-es2015-rollup

npm install --save-dev npm-watch

npm install --save-dev uglify-js

4.rollup.config.js

import babel from 'rollup-plugin-babel';

export default {

    entry: 'main.js', //入口

    format: 'umd', //amd、es、iife、umd

    moduleName: 'Test', //iife或umd模式下，若入口文件含 export，必须加上该属性

    plugins: [babel()],

    dest: 'build/index.js', //最终文件

    sourceMap: true, //方便调试编译后文件，自动生成一个 build/index.js.map 关联到buildrel/index.js 中，sourceMap: 'inline'独立生成一个map文件

};

5.babelrc

{

"presets": [["es2015", {"modules": false}]] //注意{ "modules": false }一定要有，否则一直报错,If you're using the "es2015" preset, consider using "es2015-rollup"

}

// "build": "mkdir -p build && mkdir -p build/release && node -e 'process.stdout.write(\"export var version = \\\"\" + require(\"./package.json\").version + \"\\\";\\n\");' > build/version.js && rollup -c",

6.npm run build