简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 如何在webpack项目中引入第三方类库？
PHP中文网
PHP中文网 2017-04-11 12:58:52
0
2
236

相似问题：https://segmentfault.com/q/10...

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

npm install jquery

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

PHP中文网
PHP中文网

认证0级讲师

membalas semua(2)
洪涛
洪涛2017-04-11 13:00:52 Tingkat 2

文档里不写了吗，你可以基于一个模板生成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引入进来

Suka +0
Tambah Balasan
迷茫
迷茫2017-04-11 13:00:52 Tingkat 1 
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标签
  })
Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！