webpack2 jquery编译挂起

Question

Webpack2不再使用包含的jQuery进行编译.这是我的Webpack配置,用于工作.

const rules = {
    componentStyles: {
        test:  /\.(scss|sass)$/,
        use: ExtractTextPlugin.extract({
            fallback: "style-loader",
            use: ['css-loader', 'postcss-loader', 'sass-loader']
        })
    },
    fonts: {
        test: /\.(ttf|eot|svg?)|(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
        use: 'file-loader?name=fonts/[name].[ext]'
    },
    images: {
        test: /\.(png|jpe?g|gif)$/,
        use:[
            {
                loader: 'file-loader',
                options: {
                    name: '[path][name].[ext]'
                }
            }
        ]
    },
    autoprefixer: {
        test: /\.docs\.css$/,
        use: [{
          loader: "style-loader!css-loader?-autoprefixer!postcss-loader?pack=cleaner"
        }]
    },
    jquery: {
        test: require.resolve('jquery'),
        use: [
            {
                loader: 'expose-loader',
                query: 'jQuery'
            },
            {
                loader: 'expose-loader',
                query: '$'
            }
        ]
    }
}

现在编译过程挂起

 26% building modules 139/155 modules 16 active ...jquery/external/sizzle/dist/sizzle.js

Answer 1

您是否尝试过将其包含在插件中。像这样：

plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery",
        }),
    ]