如何通过摇树树告诉Webpack不要读取排除无法访问的文件？

编程问答 2022-08-17

问题描述

似乎Webpack的摇树功能有助于从捆绑中删除未使用的代码。但是，Webpack会读取这些不可读的文件。如何告诉Webpack不要阅读它们？

这里是一个例子：

index.js 

import { bar } from './bar';

bar();

bar / index.js 

export { bar } from './bar';
export { foo } from './foo';

bar / foo.js 

import fs from 'fs';

export function foo() {}

webpack.config.js 

const path = require('path');

module.exports = {
  entry: './src/index.js',mode: 'production',module: {
    rules: [
      { sideEffects: false }
    ],},optimization: {
    usedExports: true
  },output: {
    path: path.resolve(__dirname,'dist'),filename: 'bundle.js'
  }
};

运行Webpack会导致以下错误： ERROR in ./src/bar/foo.js Module not found: Error: Can't resolve 'fs' in "/temp/webpack-test/src/bar'

我希望Webpack不会读取foo.js文件，因为从入口点到此文件之间没有路由。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

tree-shakingwebpackwebpackwebpack