四时宝库

程序员的知识宝库

怎么使用Rollup构建npm库(rollup commonjs)

要使用Rollup构建npm库,您需要遵循以下步骤:

安装rollup

npm install rollup --save-dev

创建rollup配置文件

在项目根目录下创建一个名为rollup.config.js的文件,并在其中添加以下内容:

module.exports = {  
  entry: './src/index.js',  
  output: {  
    filename: 'bundle.js',  
    path: __dirname + '/dist'  
  },  
  externals: {  
    'node_modules/lodash/lodash': 'lodash'  
  }  
};

编写npm包

在项目根目录下创建一个名为package.json的文件,并在其中添加以下内容:

{  
  "name": "your-package",  
  "version": "0.0.1",  
  "main": "index.js",  
  "rollup": {  
    "rollupOptions": {  
      "output": {  
        "filename": "bundle.js",  
        "path": __dirname + '/dist'  
      }  
    }  
  }  
}

构建npm库

在命令行中运行以下命令:

npm run build

这将使用rollup将您的代码打包成一个npm库。

运行npm包

在命令行中运行以下命令:

npm run dev

这将使用npm运行您的npm库,并在浏览器中打开它。

以上是使用Rollup构建npm库的基本步骤。您可以根据需要进行更改和调整。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接