webpack如何引入第三方的JS库?

比如之前的一些老项目,用了很多第三方的JS库。它们没法用npm安装。我该如何把它们一起打包进去呢?

在JS入口文件里require进去?感觉应该不行吧,还没试。

clipboard.png


多谢各位解答。之前我以为凡是打包的JS都得像下面这样呢。

clipboard.png

阅读 15.7k
2 个回答

可以require。webpack就是根据依赖打包的嘛,把js,css,图片都打包成js。
当然第三方的你可以加一个或者多个vendor。
比如

entry: { 
    "vendor1": ["react", "react-dom", "react-router", "react-router-redux", "react-redux", "redux"], 
    "vendor2": ["crypto-js", "fastclick"],
    "app": "./js/index.js" 
},
plugins: [
    new webpack.optimize.CommonsChunkPlugin({
        names: ["vendor2","vendor1"],
        minChunks: Infinity
    })
],

这里可以查看文档

从入口require进去是可以达到效果的、但是代码会被打包到一个文件中、我现在的项目就是用的require、打包出来有一个JS很大。。不过是个人博客无所谓啦

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进