webpack 构建 npm 包优化

最新推荐文章于 2024-08-02 21:08:57 发布

FE-阿阳

最新推荐文章于 2024-08-02 21:08:57 发布

阅读量1.2k

点赞数 1

分类专栏： webpack 文章标签： webpack 构建 npm 包优化 webpack 上传npm包

本文链接：https://blog.csdn.net/yang450712123/article/details/79282092

版权

webpack 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

webpack 构建 npm 包优化

详情描述

webpack可用来构建发布到npm上去的给别人调用的js库,以下方案可以减少 npm 包的体积；

const nodeExternals = require('webpack-node-externals');
module.exports = {
  entry: {
    index: './src/index.js',
  },
  externals: [nodeExternals()],
  target: 'node',
  output: {
    path: path.resolve(__dirname, '.npm'),
    filename: '[name].js',
    libraryTarget: 'commonjs2',
  },
};

这里有几个区别于web应用不同的地方：

externals: [nodeExternals()]用于排除node_modules目录下的代码被打包进去，因为放在node_modules目录下的代码应该通过npm安装。
libraryTarget: ‘commonjs2’指出entry是一个可供别人调用的库而不是可执行的，输出的js文件按照commonjs规范。