如何使用Webpack将resolveExtensions配置应用于公开的组件

xdyibdwo  于 5个月前  发布在  Webpack
关注(0)|答案(1)|浏览(76)

我在webpack配置中使用了resolveExtensions,如下所示。

const commonOpts = {
  isExternalEnv: true,
  outputPath: 'dist/production/www',
  resolveExtensions: ['.js', '.ts', '.json', '.jsx', '.scss']
}

字符串
它对正常组件工作正常。
由于我在项目中使用了模块联合概念。因此我暴露了如下组件,其中resolveExtensions配置不起作用。

const commonOpts = {
  isExternalEnv: true,
  outputPath: 'dist/production/www',
  resolveExtensions: ['.js', '.ts', '.json', '.jsx', '.scss'],
  module: {
    rules: [
        {
            test: /\.(sa|sc|c)ss$/,
            use: [
                {
                    loader: 'sass-resources-loader',
                    options: {
                        resources: require('./src/styles/common/index.js'),
                    },
                },
            ],
        },
    ],
  },
  moduleFederationOpts: {
    name: 'MyApp',
    filename: 'js/my-app-entry.js',
    exposes: {
        './myapp': './src/app.js',
        './myAppBlock': './src/modules/blocks/myBlock.js',
    },
  },
}


如何将resolveExtensions配置应用于暴露的组件?

8gsdolmq

8gsdolmq1#

如果你使用Webpack 5.试试这个!

resolve: {
    extensions: ['*', '.js', '.ts', '.json', '.jsx', '.scss'],
    ...
}

字符串

相关问题