首页 / WEBPACK / webpack性能优化-externals

webpack性能优化-externals

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了webpack性能优化-externals，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含582字，纯文字阅读大概需要1分钟。

内容图文

当 js 文件 是通过 cdn 加载到页面上的，webpack 打包时，需要忽略这一类库的打包，就需要在 webpack 配置中添加 externals 配置，

如当页面上 jQuery 库通过 cdn 方式加载，externals 需要过滤掉 jQuery库的打包: 

const {resolve} = require(‘path‘)
const HtmlWebPackPlugin = require(‘html-webpack-plugin‘) // html插件
module.exports={
    // 入口起点
    entry:‘./src/js/index.js‘,
    output:{
        filename:‘bulit.js‘,
        path: resolve(__dirname,‘build‘)
    },
    module:{
        rules:[]
    },
    plugins:[
        new HtmlWebPackPlugin({
            template:‘./src/index.html‘
        })
    ],
    mode:‘production‘,
    externals:{
        // 拒绝jQuery被打包进来
        jquery:‘jquery‘
    }
}

技术分享图片

技术分享图片

原文：https://www.cnblogs.com/cl1998/p/13069325.html

内容总结

以上是互联网集市为您收集整理的webpack性能优化-externals全部内容，希望文章能够帮你解决webpack性能优化-externals所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1223179.html

来源：【匿名】