Question

我试图在我的webpack中排除一个文件，但它无法正常工作。我不希望它被编译在一起app.js我希望它在一个单独的文件中。我读到，对于webpack，它不可能在不同的文件中编译，但你可以排除它们。所以我想排除它然后用typescript编译。

问题是该文件包含其他文件使用的变量，我不知道问题是否存在。

我有：

loaders: [
    {
        test: /\.ts$/,
        exclude: './src/app/shared/config.ts',
        loader: 'ts'
    },

我认为可能会将它添加到可以使用的条目中，但正如我所读到的那样，我不能放弃这种可能性。现在我有条目：

entry: {
    polyfills: './src/polyfills.ts',
    vendor: './src/vendor.ts',
    app: './src/main.ts'
},

Answer 1

来自官方documentation：

条件可以是RegExp（针对绝对路径测试），包含绝对路径的字符串，函数（absPath）：bool，或其中一个与“和”结合的数组。

您正在使用字符串设置exclude（因为它已被引用），因此它应包含您要排除的文件的绝对路径（您使用相对路径）

尝试使用绝对路径设置它或使用正则表达式exclude: /src\/app\/shared\/config\.ts/

Answer 2

排除特定的绝对路径而不是使用正则表达式，如下所示：

{
    test: /\.(gif|jpg|png|svg|ttf|eot|woff|otf)$/,//(png|jpg|gif|svg)
    loader: 'file-loader',
    options: {
        name: '[path][name].[ext]?[hash]'
    },
    exclude:  [path.join(projectRoot, './vue/img')]
}

Webpack排除文件（不是文件夹）

2 个答案: