TypeError: webpack.CopyWebpackPlugin不是构造函数

Question

我正在尝试添加复制webpack插件到我的asp .net核心2-angular5网络应用程序。我安装了复制-webpack插件。在运行webpack.js时，我收到以下错误：

 new webpack.CopyWebpackPlugin(
        ^
 TypeError: webpack.CopyWebpackPlugin is not a constructor

这是webpack.config.js

    const CopyWebpackPlugin = require('copy-webpack-plugin').CopyWebpackPlugin;
    ....
    const clientBundleConfig = merge(sharedConfig, {
    entry: { 'main-client': './ClientApp/boot.browser.ts' },
    output: { path: path.join(__dirname, clientBundleOutputDir) },
    plugins: [
        new webpack.CopyWebpackPlugin(
            { from: './ClientApp/assets', to: './wwwroot/dist/assets', toType : 'dir' }
        ),
        new webpack.DllReferencePlugin({
            context: __dirname,
            manifest: require('./wwwroot/dist/vendor-manifest.json')
        })
    ].concat(isDevBuild ? [
        // Plugins that apply in development builds only
        new webpack.SourceMapDevToolPlugin({                
            filename: '[file].map', // Remove this line if you prefer inline source maps
            moduleFilenameTemplate: path.relative(clientBundleOutputDir, '[resourcePath]') // Point sourcemap entries to the original file locations on disk
        })
    ] : [
        // Plugins that apply in production builds only
        new webpack.optimize.UglifyJsPlugin(),
        new AngularCompilerPlugin({                
            tsConfigPath: './tsconfig.json',
            entryModule: path.join(__dirname, 'ClientApp/app/app.browser.module#AppModule'),
            exclude: ['./**/*.server.ts']
        })
    ])
});

如何解决此错误？

Answer 1

请试一试：

const CopyWebpackPlugin = require('copy-webpack-plugin');

我认为没有名为"CopyWebpackPlugin“的出口

把它固定在

new CopyWebpackPlugin([ ...patterns ], options)

博士：https://github.com/webpack-contrib/copy-webpack-plugin

解释：

当你写

new webpack.CopyWebpackPlugin()

您假设webpack随CopyWebpackPlugin一起在其名称空间下发布它，而webpack没有在它的名称空间下附带CopyWebPackPlugin。这就是为什么您必须分别安装和导入它。