rollup 编译es5
    Rollup是一个JavaScript 模块打包器，可以将代码打包成一个或多个文件，通常是浏览器端的 JavaScript 应用。Rollup 会自动移除未使用的代码，生成小巧的代码体积。而编译 ES5 到 ES6 也是 Rollup 的一大特点，可以让开发者轻松转换 JavaScript ES5 到 ES6 语法。
    下面是使用 Rollup 编译 ES5 的步骤：
    1. 安装 Rollup：
    在终端中输入以下命令安装 Rollup。
    npm install rollup --global
    2. 创建项目：
    创建一个项目文件夹，进入该文件夹，使用 npm init 命令初始化项目并添加依赖。
    npm init
npm install --save-dev rollup rollup-plugin-babel
    3. 编写代码：
    创建一个index.js文件并编写ES5代码。
    function sayHello(name) {
  console.log('Hello ' + name + '!');
}
    sayHello('World');
代码运行js特效    4. 编写配置文件：
    在项目根目录创建一个fig.js文件并添加以下配置。
    import babel from 'rollup-plugin-babel';
    export default {
  input: 'index.js',
  output: {
    file: 'bundle.js',
    format: 'iife'
  },
  plugins: [
    babel({
      exclude: 'node_modules/**'
    })
  ]
};
    5. 执行命令：
    在终端中输入以下命令运行 Rollup。
    rollup -c
    6. 效果查看：
    在项目根目录下生成了一个 bundle.js 文件，用浏览器打开index.html，控制台会输出 “Hello World!”
    综上，以上是使用 Rollup 编译 ES5 的步骤。Rollup 是一个很好的打包工具，可以将代码压缩并且提高浏览器的加载速度。而编译 ES5 到 ES6 可以让代码更加简洁易读，并且能够使用一些新的语言特性，让 JavaScript 的开发更加便捷和高效。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。