javascript - 如何在webpack项目中引入第三方类库?
PHP中文网
PHP中文网 2017-04-11 12:58:52
0
2
260

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

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

npm install jquery

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

PHP中文网
PHP中文网

认证0级讲师

모든 응답(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引入进来

迷茫
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标签
  })
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿