gpt4 book ai didi

javascript - ReactJS项目中如何使用webpack预加载第三方的css和js文件?

转载 作者:行者123 更新时间:2023-11-29 21:10:38 26 4
gpt4 key购买 nike

像使用ProvidePlugin预加载jQuery,有没有办法预加载第三方的css和js文件,而不是在入口js文件中使用import?

为什么我要预加载这些文件是因为在入口js文件中导入jQuery-ui时出现错误。另外,我认为预加载库很好。

./assets/js/jquery-ui.min.js关键依赖项:719:76-84 这似乎是一个预构建的 javascript 文件。尽管这是可能的,但不推荐这样做。尝试要求原始来源以获得更好的结果。 @./assets/js/jquery-ui.min.js 719:76-84

先谢谢你!

最佳答案

您应该在 webpack 配置的 entry 处导入第三方 css 文件。像下面的例子:

module.exports = {
entry: {
'main': [
'bootstrap-sass!./src/theme/bootstrap.config.js',
'./src/client.js',
'./src/someCSSFILE.js'
]
},
output: {
path: assetsPath,
filename: 'bundle.js',
publicPath: 'http://' + host + ':' + port + '/dist/',
},
module: {
loaders: [
{ test: /\.jsx?$/, exclude: /node_modules/, loaders: ['babel?' + JSON.stringify(babelLoaderQuery), 'eslint-loader']},
{ test: /\.json$/, loader: 'json-loader' },
{ test: /\.less$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!less?outputStyle=expanded&sourceMap' },
{ test: /\.scss$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!sass?outputStyle=expanded&sourceMap' },
{ test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&mimetype=application/font-woff" }
]

}

关于javascript - ReactJS项目中如何使用webpack预加载第三方的css和js文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42076209/

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