rollup.js官網(wǎng)文檔
升級(jí)node.js，npm
1.創(chuàng)建packpage.json文件
手動(dòng)或命令 npm init
2.安裝rollup
npm install-g rollup //全局安裝 package.json文件需要手動(dòng)引用
npm install --save-dev rollup? //安裝到你的項(xiàng)目目錄
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, //方便調(diào)試編譯后文件，自動(dòng)生成一個(gè) build/index.js.map 關(guān)聯(lián)到buildrel/index.js 中，sourceMap: 'inline'獨(dú)立生成一個(gè)map文件
};
5.babelrc
{
"presets": [["es2015", {"modules": false}]] //注意{ "modules": false }一定要有，否則一直報(bào)錯(cuò),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",
