rollup.js官网文档
升级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",