如何在webpack项目中引入第三方类库？

发布于
2016-09-05

比如现在我要创建一个jQuery项目，我通过

npm install jquery

将jquery安装在本地。
现在我在配置文件中配置了一个HtmlWebpackPlugin自动生成一个html页面，可以将打包好的js文件直接引入到html页面中，非常方便。
现在我希望，可以将jquery直接通过script自动添加到这个自动生成的html页面中，而不需要打包，能否实现呢？

javascript 前端 node.js webpack angularjs

阅读 10.1k

2 个回答

得票最新

fishenal

3.4k52130

发布于
2016-09-05

文档里不写了吗，你可以基于一个模板生成html
https://github.com/ampedandwi...

plugins: [
  new HtmlWebpackPlugin({
    title: 'Custom template',
    template: 'my-index.ejs', // Load a custom template (ejs by default see the FAQ for details)
  })
]

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
  </body>
</html>

在模版里直接通过script标签把jquery引入进来

neikvon

1952

发布于
2016-09-24

entry: {
    page: 'path/to/page.js',
    jquery: 'node_modules/jquery/dist/jquery.min.js'
}

new HtmlWebpackPlugin({
    filename: 'index.html',
    template: 'index.html',
    inject: true,
    chunks: ['jquery', 'page'] // 按照先后顺序插入script标签
  })

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

如何在webpack项目中引入第三方类库？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

为什么会出现CORS error？