gpt4 book ai didi

webpack - ProvidePlugin 不适用于 jquery - webpack

转载 作者:行者123 更新时间:2023-12-04 21:33:10 28 4
gpt4 key购买 nike

我正在尝试在我的应用程序中访问 jquery
根据 webpack 网站上的信息,您可以使用 webpack 创建全局变量
https://webpack.js.org/plugins/provide-plugin/

这是我的 webpack 设置

module.exports = {
entry: {
index: "./scripts/index.js",
vendorJS: ["jquery", "jquery-validation", "jquery-validation-unobtrusive"]
}
,
output: {
path: path.join(__dirname, '/wwwroot/'),
filename: '[name].js'
},
resolve: {
extensions: ['.js', '.jsx', '.css', '.scss', '.sass']
},
module: {
rules: [
{
test: /\.scss$/i,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: ['css-loader', 'sass-loader']
})
},
{
test: /\.css$/i,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: ['css-loader']
})
},
{
test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
use: ['url-loader?limit=10000&mimetype=application/font-woff&name=/fonts/[name].[ext]'],
},
{
test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
use: ['file-loader?name=/fonts/[name].[ext]'],
}
]
},
plugins: [
new CleanWebpackPlugin(['./wwwroot']),
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery"
}),
css
],

}

使用 thius 设置我无法在控制台菜单中访问我的 $ - jquery。

enter image description here

知道为什么会这样吗?

最佳答案

我知道为时已晚,但对于 Google 员工(或 Duck Duck 粉丝,如果您关心隐私),我遇到了同样的问题:

如果我使用 $: 'jquery'它扔了

Can't resolve 'jquery'



如果我用
const jquery = require('jquery');
$: jquery

它扔了

Can't import module "undefined"



这终于对我有用 :
new webpack.ProvidePlugin({
$: require.resolve('jquery'),
jQuery: require.resolve('jquery')
})

关于webpack - ProvidePlugin 不适用于 jquery - webpack,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45899466/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com