依赖包作用


@rollup/plugin-babel     # 模块是rollup.js支持babel官方编译插件模块
@babel/core              # 是官方 babel 编译核心模块
@babel/preset-env        # 是官方 babel 编译解析ES6+ 语言的扩展模块
rollup-plugin-serve      # 编译本地开发服务插件
rollup-plugin-uglify     # 编译代码混淆插件
rollup-plugin-delete     # 删除指定目录插件
rollup-plugin-livereload # 用于文件变化时,实时刷新页面
rollup-plugin-postcss    # css编译插件模块
node-sass                # scss 编译插件
postcss
autoprefixer

问题记录


# Error: Cannot find module 'postcss'
npm install postcss node-sass rollup-plugin-postcss --save-dev
# 使用`autoprefixer`插件来给`Css`样式加前缀打包后无效
# 创建`.browserslistrc`文件或在`package.json`文件增加以下配置
"browserslist": [
    "defaults",
    "not ie < 8",
    "last 2 versions",
    "> 1%",
    "iOS 7",
    "last 3 iOS versions"
]