如何解决npm link引起的webpack打包问题?

出于某种我不理解的原因,
webpack正在试图对我依赖仓库的tsconfig等文件进行解析!

image.png


首先这个仓库是通过npm link引进来的
以下是我的webpack配置:

  resolve: {
    extensions: ['.ts', '.js'],
    symlinks: false
  },
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
    ],
  },

我在主包中引入了这个仓库

import(`a`).then(
    (obj) => {
      console.log(obj);
    },
    err => console.log
  );

我目前推测的原因是,npm link使得包逸出node_module的范围,因为webapck是使用真实链接进行处理的,因此exclude没有正确生效

因为当我测试将代码改为:

 import(`lodash`).then(
    (obj) => {
      console.log(obj);
    },
    err => console.log
  );

webpack能够正常工作


如果以上的推测是正确的

有什么办法可以让npm link与webpack能够一同工作?

阅读 742
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏