rollup-template-cc v1.0.6

命令行

• node --max-old-space-size=4096给node开启大内存 避免打包时内存不够
• node_modules/rollup/dist/bin/rollup -c直接用本地安装的rollup，避免部署时某个服务器没有全局安装rollup
• dev 模式开启 -w 监听文件动态打包
• BUILD:development 配置环境变量 代码里从process.env.BUILD取到

第三方包描述

rollup依赖包 （暂部分使用）

• rollup-plugin-node-resolve 帮助 rollup 识别外部模块
• rollup-plugin-vue vue2.x使用5.x版本 vue3使用6.x版本
• rollup-plugin-babel babel插件 将es6+转为es5 (依赖 babel-core babel-preset-env babel-preset-stage-3 rollup-plugin-babel@3.0.0)
• rollup-plugin-copy 直接复制静态文件
• rollup-plugin-terser 压缩代码
• rollup-plugin-commonjs 将commonjs模块转为es模块
• @rollup/plugin-alias 路径别名
• @rollup/plugin-image 识别图片文件
• rollup-plugin-svg 识别svg文件
• // rollup-plugin-require-context 支持 require.context 语法
• rollup-plugin-url 这里用来识别字体
• // rollup-plugin-postcss 识别css和预处理文件
• rollup-plugin-livereload 开启热更新
• rollup-plugin-peer-deps-external watch模式打包时排除第三方依赖
• babel-plugin-module-resolver 从src下目录不需要'../'
• rollup-plugin-css-only 提取css，压缩能力不行
• clean-css 压缩css

为什么选择rollup

• 配置简单，打包速度快
• 自动移除未引用的代码（内置tree shaking）