ES6项目（二）模块打包发布（npm、webpack、umd）

最新推荐文章于 2024-09-19 19:00:27 发布

零度-0C

最新推荐文章于 2024-09-19 19:00:27 发布

阅读量3.7k

点赞数

分类专栏： ES6 webpack

本文链接：https://blog.csdn.net/muer_123/article/details/90044091

版权

这篇博客详细介绍了如何进行ES6项目的模块打包，包括使用webpack和babel进行项目搭建，以及参考How to Publish a Package进行模块发布。重点讨论了配置webpack以支持UMD模块，使得代码能在不同环境中运行。

摘要由CSDN通过智能技术生成

1. 模块打包

参考ES6项目（一）项目搭建（webpack、babel、react）

2. 模块发布

参考How to Publish a Package

3. 配置webpack和umd（重要事项）

module.exports = {
  entry:  __dirname + "/src/index.js",//已多次提及的唯一入口文件
  output: {
    path: __dirname + "/lib/",//打包后的文件存放的地方
    filename: "index.js", //打包后输出文件的文件名
    libraryTarget: "umd", //配置模块导出（解决模块导入引用为空问题）
    library: "minsmap",
    auxiliaryComment: "Test Comment"
  },
  //mode: 'production',
  //devtool: 'eval-source-map',
  devServer: {
    contentBase: "./lib",//本地服务器所加载的页面所在的目录
    historyApiFallback: true,//不跳转
    inline: true,//实时刷新
    proxy: {
      '/neo4j': {
        target: 'http://127.0.0.1:8080/',